@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,500,600,700');

.container-fluid1{ padding: 0 5%; position: relative;}
.header_o{
    background: #000;
    background:rgba(0,0,0,0.8);
    filter: alpha(opacity=80);}
.header{
    width: 100%;
    position: fixed;
    z-index:999;
    top: 0;
    left: 0;
    height:86px;
        /*-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(2,10,34,.3);*/
       border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.header .active3 .logo .logo1,.header .active .logo .logo1{
    display: none;
}
.header .active3 .logo .logo2,.header .active .logo .logo2{
    display: block;
}
.inner-nav{
	 width:800px;
    position: absolute;
    right: 20%;
    margin-left: -400px;
    top: -10px;
}
.inner-nav li{
    float:left;
    color:#fff;
    line-height:80px;
    font-size:16px;
    width:16.6%;
    font-weight: 700;
 font-family: arial;
    text-align: center;
}
.inner-nav li span{
    display:block;
    width:0px;
    height:3px;
    background:#f70401;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    margin-left:17px;
    margin-top:-4px
}
.inner-nav li a {
    color: #fff;
    font-size: 16px;
}
.inner-nav li:hover span{
    width:100px;
    margin-left:17px
}
/*.inner-nav li.active span{
    width:100px;
    margin-left:17px
}*/

.NavTop .logo .logo1{
    display: block;
}
.NavTop .logo .logo2{
    display: none;
}
.NavTop{
    height:86px;
    padding:0px 5%;
    position: relative;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.NavTop.active{
    background:#000;}
.NavTop.active ul li{
    color:#fff;}

.NavTop ul{
    width:800px;
    position: absolute;
    right: 20%;
    margin-left: -400px;
}
.NavTop ul li{
    float:left;
    color:#fff;
    line-height:86px;
    font-size:16px;
    width:16.6%;
    font-weight: 700;
 font-family: arial;
    text-align: center;
}



.NavTop ul li span{
    display:block;
    width:0px;
    height:3px;
    background:#098ddf;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    margin-left:30px;
    margin-top:-4px
}
.NavTop ul li:hover span{
    width:100px;
    margin-left:15px
}
.NavTop ul li.active span{
    width:100px;
    margin-left:30px
}

.sub_menu{
    display:block;
    height:0px;
    width:100%;
    position:absolute;
    top:86px;
    left:0px;
    background: #ffffff;
    background:rgba(0,31,60,0.9);
    filter: alpha(opacity=94);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    display:none;
}
.sub_menu.active{
    height:340px;
    background: #ffffff;
    background:rgba(0,31,60,0.9);
    filter: alpha(opacity=90);
    display:block;
}
.sub_menu.active{
    height:340px;}

.sub_menu ul{
    width:900px;
    margin:0px -125px;
    padding:30px 0;
    opacity:0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    margin-top:-40px;
}
.search-btn{ background: none; border: 0;}
.sub_menu.active ul{
    opacity:1;

    margin-top:0px
}

.sub_menu ul li{
    width:18%;
    margin-right:0;
    border-right:1px solid #e7e7e7;
    opacity:0;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    height:280px;
    text-align: left;
    font-weight: normal;
   text-align: center;
    text-transform: capitalize;
}

.sub_menu ul li:first-of-type{
    border-left:1px solid #043863;
}
.sub_menu.active ul li{
    border-right:1px solid #043863;
    opacity:1;
}
.sub_menu ul li ol{
    color:#fff;
    line-height:18px;
    margin:8px 0;
    font-size:13px;
    padding: 0;
}
.sub_menu ul li ol:hover{
    color:#fff;
}

.NavTop .logo{
    height: 55px;
    float: left;
    margin-top:15px;
    margin-right: 80px;
}
.NavTop .logo1.active{
    display:none
}

.NavTop .logo img{
    display: block;
    /*height: 100%;*/
    cursor: pointer;
}
.NavTop .logo .logo_over{
    display:none
}
.navBtn{
    display: none;
    width: 50px;
    height: 60px;
    margin-right: 20px;
    position: relative;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
    margin-top:15px;
    position:fixed;
    top:0px;
    right:260px;
    z-index:99999999999999999;

}
.active4{ z-index: 999999999999;}
.navBtn:hover{
    background: #ffffff;
    background: rgba(255,255,255,0.2);
    filter: alpha(opacity=20);
}

.navBtn span{
    display: block;
    width: 58%;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 20%;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
/*.header .active4 span{
    background: #000;
}
.navBtn span.active{
    background: #555;


}*/
.navBtn span:nth-of-type(1){
    margin-top: -10px;
}
.navBtn span:first-child{margin-top: -10px;}
.navBtn span:first-child+span+span{margin-top: 10px;}
.navBtn span:nth-of-type(3){
    margin-top: 10px;
}
.navBtn.active{
    background: #ffffff;
    background: rgba(255,255,255,0.2);
    filter: alpha(opacity=20);
}
.navBtn.active span{
    background:#333;}
.navBtn.active span:nth-of-type(2){
    opacity: 0;
}
.navBtn.active span:nth-of-type(1){
    margin-top: 0;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.navBtn.active span:nth-of-type(3){
    margin-top: 0;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
/*.header .active .search-wrap button{
    color: #000;
}*/

.selectLanguage span{
    line-height: 60px;
    color: #333;
    font-size: 14px;
    margin-left: 14px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.selectLanguage span.active{
    color: #ef7e1a;
}
.selectLanguage span:hover{
    color: #ef7e1a;
    text-decoration: underline;
}

.NavBox{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index:338;
    box-sizing: border-box;
    /*padding:80px 5%;*/
    padding-bottom: 0;
    display: none;


}
.Nav{

    background-size:cover;
    margin:0px auto;
    height:100%;
}
.Nav a{ color: #333;}
.Nav dl::after {
    content: "+";
    position: absolute;
    top: 0;
    line-height: 53px;
    right: 26px;
    font-size: 20px;
}
.Nav dl:nth-child(1):after {
    content: "";
    position: absolute;
    top: 0;
    line-height: 53px;
    right: 26px;
    font-size: 20px;
}
.Nav dl{
    position: relative;
    width: 25%;
    float: left;
    text-align:center;
    border-right:1px solid #eee;
    height:100%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;
    background:#fff;
    padding: 10px;
}
.Nav dl:hover{
    background:none;
}
.Nav dl dt h1{
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 2px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    margin-bottom:15px;
    padding-top:64%;
    color:#333;
    font-family: arial;
}
.Nav dl:hover h1{
    color:#fff;}
.Nav dl dt h1:before{
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 50%;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.Nav dl:hover dt h1:before{
    margin-left:-100px;
    width: 200px;
}
.Nav dl dd h2{
    font-size: 15px;
    margin-top: 15px;
    letter-spacing: 1px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition:all 0.4s;
    transition:all 0.4s;
}
.Nav dl:hover h2{
    color: #ffffff;
    color: rgba(255,255,255,0.8);
    filter: alpha(opacity=80);}
.Nav dl dd h2:hover{
    text-decoration: underline;
}
.Nav dl p{
    font-size: 14px;
    color: #ccc;
    letter-spacing: 1px;
    margin-top: 6px;
    white-space: nowrap;
}
.Nav dl p:first-of-type(3){
    margin-top: 30px;
}
@media(max-width: 1440px){
    .navBtn {
        right: 180px;}
    .NavTop {
        padding: 0px 8%;}
    .industryBox {
        width: 90%;}
    .indexContactBigBox .box {
        width: 74%;}
    .indexContactBigBox .box li .right {
        width: 40%;
        left: 40%;}
    .indexContactBigBox .btn_n {
        width: 74%;}
    .a1_ban {
        height: 680px;}
    .w_all {
        width: 82%;}
    .xq .close {
        top: 3%;
        right:8%;}
    .p_bar2 .box .right{
        width:45%;}
}
.swiper-container{
    width: 100%;

}

.dropdown .dropdown-toggle::after{
    display: none;
}
button:focus{
    outline:none!important;
}
.dropdown{ text-align: center;   font-size: 16px; color: #fff;  position: relative;}
.dropdown a{ color: #fff; cursor: pointer;}
.dropdown a:hover ,.footer a:hover{
    color: #fff;
}

.header-top-dropdown{
    float: right;
    margin-top: 10px;
}
.header-setting-option{
    float: left;
    padding-right: 15px;
}
.header-setting-option .search-wrap button {
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 28px;
    cursor: pointer;
    text-align: center;
    background: none;
    border: 0;

}
i:focus{
    outline: none;
}


.mt-80{ margin-top: 80px;}
.n_header{
    position: fixed;
    left: 0 !important;
    top: 0 !important;
    z-index: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}




.n_header{ height: 100vh;}

.header-setting-option.white-text .search-wrap button {
    color: #ffffff;
}

.header-setting-option.white-text .mini-cart-btn {
    color: #ffffff;
}

.block-bg {
    background: rgba(22, 22, 27, 0.98);
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    text-align: center;
    top: 0;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    visibility: hidden;
    width: 100%;
    z-index: 9999999;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.block-bg .minisearch .field__search {
    left: 0;
    margin: 0 auto auto;
    max-width: 1000px;
    position: fixed;
    right: 0;
    top: 50%;
}

.block-bg .minisearch .field__search input {
    color: #ffffff;
    background: transparent;
    border-color: #ffffff;
    border-width: 0 0 1px;
    outline: medium none;
    height: 60px;
    width: 100%;
    z-index: 1;
    position: relative;
    background: transparent;
    padding: 0 40px 0 0;
}

.block-bg .minisearch .field__search .action {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 2;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.block-bg .minisearch .field__search .action i {
    color: #ffffff;
    font-size: 24px;
}

/*---- Header ----*/

header {
    z-index: 9999;
    border-bottom: none;
    width: 100%;
    background: none;
    top: 15px;
    position: absolute;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 10px 0px;
}

header .navbar-expand-lg .navbar-nav .nav-link,
header .navbar-nav .nav-item a.dropdown-toggle::after,
header.sticky .navbar-nav .dropdown-menu .nav-item a {
    color: #fff;
}

header .nav-brand a {
    color: #fff !important;
}
header  .navbar-brand{ 
    padding:0px;
}
header.sticky .navbar-nav .nav-item>a,
header.sticky .navbar-expand-lg .navbar-nav .nav-link,
header.sticky .navbar-nav .nav-item>a.dropdown-toggle::after {
    color: #262626;
}

header.sticky {
    position: fixed;
 
    top: 0;
    width: 100%;
/*    animation: smoothScroll 1s forwards;*/
    z-index: 9999;
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-100px);
    }
    100% {
        transform: translateY(0px);
    }
}




.top-fold {
    position: relative;
}

.top-fold::before {
    content: '';
    height: 80%;
    display: block;
    width: 100%;
    top: 0px;
    position: absolute;
    z-index: 0;
}

.top-fold::after {
    content: '';
    height: 80%;
    display: block;
    width: 100%;
    top: 0px;
    position: absolute;
    z-index: 1;
    background-size: 15px;
    opacity: 0.5;
    background-image: url(../img/dotted-pattern.png);
}

header.header-2 {
    position: relative;
}

header.header-2 .navbar-nav .nav-item:hover>a,
header.header-2 .navbar-nav .nav-item:hover>a.dropdown-toggle::after,
header.header-2 .navbar-nav .nav-item.active>a,
header.header-2 .navbar-nav .nav-item.active a.dropdown-toggle::after {
    color: #fff;
}

header.header-2.sticky {
    position: absolute;
    z-index: 9999;
}

header.header-2 .navbar-toggler-icon {
    background: #fff !important;
}


/****---- Error 404 Start ----****/

section#page-not-found {}

section#page-not-found {
    padding: 160px 0px;
}

section#page-not-found .img_sec {
    padding-top: 50px;
}

section#page-not-found .error-heading {
    margin-bottom: 30px;
}

section#page-not-found .error-heading img {
    z-index: 2;
    position: relative;
}

section#page-not-found .error-content {
    padding: 0px 20%;
}

section#page-not-found .error-content h4 {
    font-weight: 600;
}

section#page-not-found .error-content p {
    font-size: 18px;
    line-height: 28px;
    margin-top: 30px;
}

section#page-not-found .error-content a {
    padding: 15px 25px;
    font-size: 14px;
    color: #fff;
    margin-top: 20px;
    display: inline-block;
}


/****---- Error 404 End ----****/

.page-not-found .text-center img.error {
    max-width: 600px !important;
    height: auto !important;
}

footer.small {
    background-image: none;
    min-height: auto !important;
    padding-top: 0px;
   
}

footer.small .bottom {
    margin-top: 0px;
}
.lh-nav-btn{position:absolute; right:0px; color:#fff; font-size:13px; z-index:1000; cursor:pointer;}
.lh-nav-btn>span{width:50px; height:23px; display:block; position:relative;}
.lh-nav-btn>span:before{content:''; display:block; width:80%; height:3px; background:#fff; position:absolute; right:0; top:50%; margin-top:-1px; transition:ease .65s; transform-origin:right center;}
.lh-nav-btn i:before{content:''; display:block; width:60%; height:3px; background:#fff; position:absolute; right:0; top:0; transition:ease .65s;}
.lh-nav-btn i:after{content:''; display:block; width:50%; height:3px; background:#fff; position:absolute; right:0; bottom:0; transition:ease .65s;}
.lh-nav-btn h2{margin-top:6px; font-size:16px; position:relative; color: #fff;}
.lh-nav-btn h2 em{font-size:16px; text-transform:uppercase;}
.lh-nav-btn:hover span:before{width:40%;}
.lh-nav-btn:hover i:before{width:80%;}
.lh-nav-btn:hover i:after{width:60%;}
.lh-nav-btn h2 em{position:absolute; left:0; top:0; transition:ease .65s; opacity:0; visibility:hidden;}
.lh-nav-btn h2 span{transition:ease .65s;}
.lh-nav-toggle{position:fixed; left:0; top:0; width:100vw; height:100vh; z-index:999; background:#001f3c; transition:ease .65s; opacity:0; visibility:hidden;}
.lh-nav-img{width:25%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; float:left; transform:translateX(-100%); transition:ease .65s;}
.lh-nav-img .swiper-container{height: 100%;}
.lh-nav-img img{ height: 100%;}
.lh-nav-item{float:right; width:75%; height:100%; display:flex; align-items:center; justify-content:flex-end; padding-right:5vw;}
.lh-nav-item>div{display:flex; width:100%;}
.lh-nav-item dl{float:left; flex:1; border: 0; background: none;}
.lh-nav-item dl::after{ display: none;}
.lh-nav-item dl dt a{font-size:22px; font-weight:bold; color:#fff; position:relative; font-family: arial; }
.lh-nav-item dl dt a:before{content:''; display:block; width:0; height:2px; background:#098ddf; float:left; margin-right:5px; position:relative; top:16px; transform-origin:left center; transition:ease .65s;}
.lh-nav-item dl dt a:hover{color:#098ddf;}
.lh-nav-item dl dt a:hover:before{width:20px;}
.lh-nav-item dl dt{margin-bottom:5vh; opacity:0;}
.lh-nav-item dl dd{line-height:30px; opacity:0; font-family: arial;}
.lh-nav-item dl dd a{color:#cccccc; font-size:16px; position:relative;}
.lh-nav-item dl dd a:before{content:''; display:block; width:0; height:1px; background:#098ddf; float:left; margin-right:5px; position:relative; top:22px; transform-origin:left center; transition:ease .65s;}
.lh-nav-item dl dd a:hover{color:#098ddf;}
.lh-nav-item dl dd a:hover:before{width:20px;}
.Nav .lh-nav-btn h2 em{opacity:1; visibility:visible;}
.Nav .lh-nav-btn h2 span{opacity:0; visibility:hidden;}
.Nav .lh-nav-btn>span:before{transform:scaleX(0);}
.Nav .lh-nav-btn i:before{transform:translate(0,10px) rotate(45deg); width:80%;}
.Nav .lh-nav-btn i:after{transform:translate(0,-10px) rotate(-45deg); width:80%;}
.Nav .lh-nav-toggle{visibility:visible; opacity:1;}
.Nav .lh-nav-img{transform:translateX(0);}
.Nav .lh-nav-item dl dt{animation:fadeInUp linear .35s forwards;}
.Nav .lh-nav-item dl dd{animation:fadeInUp linear .35s forwards; animation-delay:.1s;}
.Nav .lh-nav-item dl dd:nth-child(1){animation-delay:.2s;}
.Nav .lh-nav-item dl dd:nth-child(2){animation-delay:.3s;}
.Nav .lh-nav-item dl dd:nth-child(3){animation-delay:.4s;}
.Nav .lh-nav-item dl dd:nth-child(4){animation-delay:.5s;}
.Nav .lh-nav-item dl dd:nth-child(5){animation-delay:.6s;}
.Nav .lh-nav-item dl dd:nth-child(6){animation-delay:.7s;}
.banner{ height: 100Vh;}
.banner img{ width: 100%; height: 100%;}

.cpxl1{
    /* background: url(../img/banner1.jpg) no-repeat center center;*/
   background: #0a090a;
 }
.cpxl2{
   /* background: url(../img/banner-2.jpg) no-repeat center center;*/
    display: none;
    background: #0a090a;
}
.cpxl3{
    background: url(../img/banner-3.jpg) no-repeat center center;
    display: none;
    background: #0a090a;
}
.cpxl4{
   /* background: url(../img/banner-2.jpg) no-repeat center center;*/
    display: none;
    background: #0a090a;
}
.cpxl5{
    /*background: url(../img/banner-2.jpg) no-repeat center center;*/
    display: none;
    background: #0a090a;
}
.cpxl6{
    /*background: url(../img/banner-2.jpg) no-repeat center center;*/
    display: none;
    background: #0a090a;
}
.case-bd {
    position: relative;
}
.case-img {
    position: relative;
    height: 100vh;
}
.case-button {
    position: absolute;
    bottom: 20vh;
    width: 60%;
}
.case-button  a{ color: #fff; margin-bottom: 15px; border-radius: 50px;}
.case-img{
    
}

.case-btn ul li img {
    display: block;
    width: 135px;
    height: 140px;
    margin: 0 auto;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
}
.case-btn ul li img:hover{
    transform: scale(1.1);
}


.selectLanguage {
    position: absolute;
    right: 60px;
    top: 20px;
 
}
.dropdown .dropdown-toggle::after{
    display: none;
}
button:focus{
    outline:none!important;
}


.dropdown-menu1{
    /*border-radius: 4px;*/
    display: none;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    top: 40px; left: 0;
    position: absolute;
    width: 120px;
    background: #000;
}
.dropdown-menu1 a{ font-size: 14px;  color: #fff; display: block; text-align: center; line-height: 35px;}
.dropdown-menu1 a:hover{ background: #ecf5ff; color: #004b94;}
.Nav .lh-nav-toggle {
    visibility: visible;
    opacity: 1;
}
/*.sticky .dropdown{ color: #2b50f0;}*/
/*.sticky .lh-nav-btn>span:before{background: #2b50f0;}
.sticky .lh-nav-btn{color: #2b50f0;}
.sticky .lh-nav-btn i:after{background: #2b50f0;}
.sticky .lh-nav-btn i:before{background: #2b50f0;}
.sticky .lh-nav-btn h2{ color: #2b50f0;}*/



@media screen and (max-width: 1680px) {
	.index-aboutvideo {min-height: auto;}	
	.index-aboutvideo .aboutvideo .video video {width: auto;height: 100%;margin: auto;}
	.main .pctitle .title{ font-size: 30px;}
	.main .about .text{ font-size: 14px!important; margin-bottom: 50px!important;}
	.main .about .more{margin-top: 30px!important;}
}

@media screen and (max-width: 1440px) {
.video-fold .content .display{ font-size: 6vh; margin-top: 1vh;}
.case-button .btn{ font-size: 12px;}
.counter_content span{ right: 40px;}
.heading h2{ font-size: 24px;}
.about-us p{ font-size: 14px;}
.our_team h2{font-size: 24px;}
	.product-nav .type-item .img {height: 133px;}
	.product-nav .type-item .text .plist li {max-width: 50%;}
	.product-type a .img svg{height: 575px;}
	.product-type a .img svg image {height: 100%}
	.product-type a .text h3 {font-size: 26px;}
	.product-type a .text h4 {font-size: 18px;}


	.product-our-flashlights,.product-detail-top,.page-path  {padding-top: 80px;}
	.product-our-flashlights .left {width: 32%;padding: 3% 0 0 10%;}
	.product-our-flashlights .swiper-pagination {bottom: 25px;}
	.product-our-flashlights .left .text,.evaluation-index-list .evaluation .text h5,.service-policy .item .right .text table {font-size: 12px;line-height: 24px;}
	.product-our-flashlights .left .play i { width: 60px;height: 60px;}
	.declinein {top: 10%;height: 50%;}
	.product-main .content,.product-detail-nav .content,.product-detail-main .content,.product-detail-reviews .content,.product-detail-accessories .content,.application-advantage .content,.explore-fenix-index .content,.explore-faq-knowledge .content{width: 100%;}
	/*.product-detail-top .right {top: 80px;border-top: 5px solid #1c79c6;}*/
	.product-detail-text {width: 70%;padding: 0% 0 0 10%;}
	.product-detail-imgs{ width: 100%;}
	.product-detail-text .text {line-height: 24px;padding:25px 0;margin: 25px 0;}
	.product-detail-imgs {padding-bottom: 60px;padding-top: 0px;}
	.swiper-imgs-small{margin-top: -50px;}
	.product-detail-parameter .content .title {margin-bottom: 40px;}
	.product-detail-parameter { background-size: cover;}
	.product-detail-main {padding: 50px 0 40px 0;}
	.product-detail-parameter .content,.product-detail-faq .content {width: 80%;padding: 100px 0 100px 0;}

}

@media screen and (max-width: 1366px) {
	.index-news .left {width: 25%;}
}

@media screen and (max-width: 1280px) {
	.product-nav .type-item .text .ptitle h3 a,.header .content .right .nav li a,.title .text,.product-detail-faq .product-faq .title h3,.explore-fenix .page-nav li a h5,.evaluation-index-list .evaluation .text h3 {font-size: 14px;}	
	.product-nav .type-item .text .plist li.fl a,.product-nav .type-item .text .plist li a,.footer .content .center .return a,.drop-down-show a  {font-size: 12px;}
	.product-nav .type-item .img {height: 118px;}
	#application .product-nav .type-item .img {height: 118px;}
	.more,.product-type a .more {height: 45px;}
	.more a,.more h6{line-height: 45px;}
	.product-type a .img svg{height: 506px;}
	.news-swiper-title .news-swiper-text .ntitle a h3,.application-scenario .left .text {font-size: 13px;}
	.news-swiper-title .news-swiper-text .ntitle a {padding: 12px 0;}
	.index-news .left .more {margin: 60px 0 0;}
	.header .content .right .language .language-show {right:1px;top: 70px;width: 70px;}
	.title h2 {font-size: 36px;}
	.title h3,.ambassador-text .text {font-size: 18px;}
	.product-our-flashlights .left .list li h5 {margin: 0px 0 10px 0;}
	.product-our-flashlights .left {padding:2% 0 0 8%;}
	.product-our-flashlights .right {width: 55%;}
	.product-our-flashlights .left .text {padding: 20px 0;}
	.product-title .text,.nav-type a h4,.ambassador-top .item .right .text h5, .ambassador-product-experience .text .txt, .explore-lighting-knowledge .text .txt {font-size: 14px;line-height: 24px;}
	.product-main .content, .product-detail-nav .content, .product-detail-main .content, .product-detail-reviews .content, .product-detail-accessories .content, .application-advantage .content, .explore-fenix-index .content, .explore-faq-knowledge .content,.explore-lighting-knowledge-detail .content,.about-section .content ,.ambassador-detail-content .content{width: 84%;}

}


@media screen and (max-width: 1152px) {
	
}


@media screen and (max-width: 1024px) {
	
}


@media screen and (max-width: 860px) {
   .lh-nav-btn{ display: none;}
	.more {margin: 20px 0 0;}
	.index-producttype {margin: 5%;}
	.product-type {position: relative;}
	.product-type a .img svg {width: 100%;height: 200px;display: none;}
	.product-type a .img svg image {width: 100%;height:100%;;}
	.product-type a .img{height: 200px;overflow: hidden;position: relative;}
	.product-type a .img img {width: 120%;max-width: 120%;}
	.product-type a .text {width: 100%;left: 0;}
	.ptype1,.ptype2,.ptype3,.ptype4 {left: 0;}
	.ptype2 .img, .ptype3 .img, .ptype4 .img {margin: 0;}
	.index-aboutvideo .aboutvideo .img img{width: 300%;max-width: 300%;}
	.index-aboutvideo .aboutvideo .text .txt {width: 90%;padding:5% 0;}
	.index-aboutvideo .aboutvideo .video video {height:100%;width:100%;}
	.index-aboutvideo .aboutvideo .video {background: #000;}
	.index-news .left,.index-news .right,.news-swiper-pic,.after-consulting,.after-consulting .left,.after-consulting .right,.serial-number-query,.inputnum {width:100%;float:none;}
	.index-news .left,.news-swiper-title .news-swiper-text .ntitle {padding: 0;}
	.index-news .right,.product-detail-main .content .detail-text .right {padding-top: 50px;}
	.index-news,.product-detail-reviews,.product-detail-download .content,.product-detail-faq .content,.product-detail-parameter .content,.about-company-culture ,.about-contact-us{padding: 20% 0;}
	.news-swiper-title {position: relative;right: auto;top:auto; width: 100%;}
	.news-swiper-title .news-swiper-text .ntitle a p {opacity: 1;height: auto;margin-top: 23px;font-size: 12px;}
	.product-our-flashlights .left,.product-our-flashlights .right,.product-detail-main .content .detail-text .left,.product-detail-main .content .detail-text .right {width: 100%;float: none;}
	.product-our-flashlights .left,.product-detail-text,.explore-lighting-knowledge-detail .content .list .item,.about-message-contact .right .contact{padding: 5%;width: 90%;}
	.product-main .content .left,.product-main .content .right,.product-detail-top .left,.product-detail-top .right,.product-detail-faq .content .left,.product-detail-faq .content .right,.product-detail-download .content .right,.product-detail-reviews .content .left,.product-detail-reviews .content .right,.application-scenario .right,.application-advantage .content .left,.application-advantage .content .right,.about-company-culture .left{width: 100%;float: none;}
	.product-list .item {float: none;width: 100%;margin: 0 0 2% 0;}
	.product-detail-top .right {position: relative;right: auto;top:auto; width: 100%;}
	.product-detail-imgs,.product-detail-download .content,.service-policy,.extended-warranty-service,.about-message-contact .right .contact .contact-contact {width: 100%;}
	.product-detail-imgs .swiper-imgs-big .img {height: 400px;}
	.product-detail-nav-fixed li,.product-detail-nav li  {margin: 0;}
	.product-detail-nav-fixed li a,.product-detail-nav li a {font-size: 12px;}
	.product-detail-nav-fixed .link,.product-detail-nav-fixed .link a,.product-detail-nav .link,.product-detail-nav .link a {width: 40px;}
	.product-detail-nav-fixed .link a span,.application-swiper-pic .swiper-button-next, .application-swiper-pic .swiper-button-prev,.application-imgs-small {display: none;}
	.product-detail-nav-fixed .content,.product-detail-text,.product-detail-nav .content,.product-detail-faq .product-faq .title h3,.product-detail-faq .content,.product-detail-parameter .content,.product-detail-main .content,.product-detail-reviews .content,.application-advantage .content,.page-path-content .content,.evaluation-detail .content,.explore-fenix-index .content,.ambassador-detail-content .content,.explore-technology-innovation .title .text,.explore-lighting-knowledge-detail .content,.about-section .content {width: 90%;}
	.product-detail-nav-fixed.position-fixed.scroll-top {top: 60px;}
	.product-detail-text .title h3 {font-size: 18px;}
	.product-detail-text .item li {width: 70%;}
	.product-detail-main .content .detail-text .right .text,.product-detail-parameter .content .text,.ambassador-swiper-pic .swiper-slide .text,.service-download .text h5 {font-size: 12px;line-height: 22px;}
	.product-detail-download .content .left {float: none;margin: 3% 0 0 5%;width: 90%;}
	.product-detail-download .content .right .download-list .more,.product-detail-download .content .right .download-list .text {position: relative;top: auto;margin-top: 0;right: auto;}
	.product-detail-download .content .right .download-list .text {padding-left: 5%;padding-bottom: 5%;width:60%;}
	.product-detail-download .content .right .download-list .item .img {width: 35%;}
	.product-detail-download .content .right .download-list .more {margin-left: 5%;}
	.product-detail-reviews .content .right {padding-left: 0;padding-top: 50px;}
	.product-detail-main .content .detail-imgs{padding: 5% 0;}
	

}
@media(max-width: 992px){
    /*.header-setting-option .search-wrap button{
        line-height: 60px;
    }*/
    .dropdown{ line-height: 5px;}
    .active .dropdown a{ color: #333;}

    .header {
        height: 80px;
    }
    .NavTop{
        padding:0 4%;
        height:62px;
    }
    .NavTop .logo {
        height: 46px;
        margin-top:8px;
        position:relative;
        z-index:1;
        margin-right:0;}
    .NavTop ul{
        display:none;}
    .selectLanguage{
        margin-top:4px; margin-right: 0px;
      }
    .selectLanguage span{
        margin-left:5px;   }
    .navBtn{
        display: block;
        right:0%;

        margin-top:2px;}
    .navBtn:hover {
        background: rgba(255,255,255,0);
    }
    .navBtn.active{
        background:#111;
        right:0;
        margin-top:0px;
        width:60%;
        height:62px;}
    .navBtn.active span {
        background: #fff;
        width:30px;
        height:2px;
        margin-left: 60%;
        -webkit-transition: all 0s;
        transition: all 0s;
    }
    .NavBox{
        background:rgba(0,0,0,0.5);
        right:-100%;
        overflow: auto;
    }
    .Nav {
        padding: 20% 0 90% 0;
        width: 60%;
        float: right;
        background: rgba(255,255,255,0.96);
        height: auto;

    }
    .Nav dl dt h1 {
        font-size: 15px;
        letter-spacing:0;
        padding-top:0;
        margin:auto;
        margin-bottom:0;
        width:85%;
        display:block;}
    .Nav dl:hover h1 {
        color:#333;}
    .Nav dl dd h2 {
        font-size: 13px;
        letter-spacing:0px;
        padding-left:8%;}
    .Nav dl:hover h2 {
        color:#666;
    }
    .about ul li h3 {
        margin-top: 10px;
        font-size:14px;}
    .Nav dl {
        width: 100%;
        margin-left: 0%;
        float: none;
        height: auto;
        margin: auto;
        text-align: left;
        border:none;
        border-bottom: 1px solid #eee;

    }
    .Nav dl dd{
        display:none;
        color:#333;}
    .Nav dl:hover {
        background:none;
    }
    .Nav dl dt h1:before {
        display:none;
    }
    .Nav dl dt h1:after {
        content:"";
        position:absolute;
        right:3%;
        top:10px;
        width:15px;
        height:9px;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0.6;
    }
}
.block-bg .close__wrap {
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    top: 50px;
    right: 60px;
    padding-top: 5px;
    position: absolute;
    padding-right: 25px;
}

.block-bg .close__wrap:before {
    top: 0;
    right: 0;
    font-size: 20px;
    vertical-align: middle;
    content: "\f00d";
    position: absolute;
    font-family: "FontAwesome";
}

.block-bg.is-visible {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    visibility: visible;
}


.xiaoshi{position: absolute; right: 160px; top: 10px;}
.sticky .xiaoshi{ display: block;}

@media screen and (max-width: 1280px) {
	.video1{ top: 0;}
	.p_adtimg div{ bottom: 0;}
	.n_header{ height: 70vh;}
	.inner .contact-us{ margin-top: 70vh;}
	.inner .blog_post{ margin-top: 70vh;}
	.products{margin-top: 70vh;}
	.inner .about-us{margin-top: 70vh;}
}
@media screen and (max-width: 860px){
	
	.n_top1{ font-size: 20px; text-align: center; margin-bottom: 0;}
	.inner-nav{ display: none;}
	.abt_nav{ display: none;}
	
	.n_header{ height: 50vh;}
	


}
@media screen and (max-width: 968px) {
	
	.n_header {
	    height: 50vh!important;
	}
	
}

body {
	color: var(--main-txt-color);
	background: var(--main-bg-color);
}
a {
	color: var(--main-link-color);
}
a:hover, a:focus {
	color: var(--main-color);
}
h1, h2, h3, h4, h5, h6 {
	color: var(--main-color);
}
/********************************************************
	2. Comman CSS
*******************************************************/
.loc_btn {
    background: var(--main-color);
    color: var(--main-bg-color);
    display: inline-block;
    border: 2px solid transparent;
    border-radius: 30px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0 15px;
    width: 170px;
    margin-top: 10px;
    z-index: 0;
    font-weight: 400;
    overflow: hidden;
    position: relative;
}
.loc_btn::after, .loc_btn.white::after {
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border-radius: 30px;
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.loc_btn:hover::after, .loc_btn:focus::after {
    background: var(--main-bg-color);
    width: 100%;
    opacity: 1;
}
.loc_btn:hover, .loc_btn:focus {
    color: var(--main-color);
    background: transparent;
    border-color: var(--main-color);
    box-shadow: 0 0 20px 0 rgba(83, 80, 255, 0.08);
}
.loc_btn.white {
    background: transparent;
    color: var(--main-bg-color);
    border-color: var(--main-bg-color);
}
.loc_btn.white:hover::after {
    background: var(--main-bg-color);
    width: 100%;
    opacity: 1;
}
.loc_btn.white:hover {
    color: var(--main-color);
    border-color: var(--main-bg-color);
}
.loc_heading_wrapper {
    margin-bottom: 45px;
}
.loc_heading_wrapper h2 {
    position: relative;
    font-size: 40px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 8px;
    color: #222;
        font-family: 'Barlow Condensed', sans-serif;
}
.loc_heading_wrapper h2:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 124px;
    height: 1px;
    right: 0;
    background: var(--main-color);
    margin: auto;
    z-index: 0;
}
.loc_heading_wrapper h2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 84px;
    height: 1px;
    right: 0;
    background: var(--main-color);
    margin: auto;
}
.loc_sub_heading {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 18px;
    text-transform: capitalize;
}
.loc_sub_heading:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 1px;
    background: var(--main-color);
}
.loc_sub_heading:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 100px;
    height: 1px;
    background: var(--main-color);
}
.loc_divider {
    margin: 22px 0;
    display: block;
}
#scroll {
    background-color:var(--main-color);
}
#scroll span {
    color: var(--main-bg-color);
}
.loc_section_heading {
    color: var(--main-link-color);
    font-size: 32px;
    margin-bottom: 35px;
    font-weight: 700;
}
.loc_btn.white:hover {
    background: var(--main-bg-color);
}
/********************************************************
	3. Preloader CSS
*******************************************************/
.preloader_active .preloader_holder {
    background-color: var(--main-bg-color);
}
.preloader_active .preloader_holder .preloader span {
    box-shadow: 0px 0px 0px 0px var(--main-color);
}
@-webkit-keyframes loadingCircles{
    0%{-webkit-transform: scale(0); opacity: 1; box-shadow: 0px 0px 0px 10px var(--main-color);}
    100%{-webkit-transform: scale(1); opacity: 0; box-shadow: 0px 0px 0px 2px var(--main-color);}
}
@-moz-keyframes loadingCircles{
    0%{-moz-transform: scale(0); opacity: 1; box-shadow: 0px 0px 0px 10px var(--main-color);}
    100%{-moz-transform: scale(1); opacity: 0; box-shadow: 0px 0px 0px 2px var(--main-color);}
}
@keyframes loadingCircles{
    0%{transform: scale(0); opacity: 1; box-shadow: 0px 0px 0px 10px var(--main-color);}
    100%{transform: scale(1); opacity: 0; box-shadow: 0px 0px 0px 2px var(--main-color);}
}
.preloader_open:before, .preloader_open:after {
    background-color: var(--main-bg-color);
}
/********************************************************
	4. Header Start
*******************************************************/
.loc_header_wrapper {
    /*background: var(--main-bg-color);
    box-shadow: var(--main-comman-shadow);*/
    padding: 26px 0;
    position: absolute;
    top: 0;
    z-index: 9999999999999;
    width: 100%;
}
.main_menu_wrapper ul > li.active > a {
    color: var(--main-color);
}
.loc_search_wrapper ul {
    justify-content: space-between;
    align-items: center;
}
.main_menu_wrapper ul > li.active > a {
    color: var(--main-color);
}
.loc_search_wrapper .loc_btn {
    margin: 0;
    line-height: 45px;
}
.loc_search_wrapper {
	position: relative;
}
.loc_search_wrapper li {
    display: flex;
}
.loc_search_btn {
    width: 16px;
    display: inline-block;
    font-size: 16px;
    margin-right: 24px;
}
/********************************************************
	5. Banner Start
*******************************************************/
.loc_banner_wrapper {
    position: relative;
    background: url(../images/index10/banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height:calc(100vh - 100px) ;
}
.loc_banner_img {
    padding-top: 50px;
}
.loc_banner_text h1 {
    font-size: 72px;
    color: #fff;
    line-height: 80px;
    font-weight: 700;
}
.loc_banner_text h4 {
    padding: 16px 0 12px;
    margin-bottom: 14px;
    font-size: 22px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 1.3px;
}
.loc_banner_text h4:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: var(--main-color);
    width: 60%;
    height: 1px;
}
.loc_banner_text h4:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--main-color);
    width: 60%;
    height: 1px;
}
.loc_border:before {
    content: "";
    position: absolute;
    top: -4px;
    left: 0;
    background: var(--main-color);
    width: 57%;
    height: 1px;
}
.loc_border:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    background: var(--main-color);
    width: 57%;
    height: 1px;
}
.loc_banner_text {
    margin: 30vh 0 0;
}
/********************************************************
	6. About Start
*******************************************************/
.loc_about_wrapper {
    /*background: var(--main-bg-color);*/
    padding: 100px 0 70px;
    background: url(../images/index10/ditu.jpg) top no-repeat;
}
.loc_about_wrapper .loc_sub_headingm, .loc_work_wrapper .loc_sub_headingm {
    text-transform: uppercase;
}
.loc_about_img {
    padding: 0 0 0 20px;
}
.loc_about_img img {
    position: relative;
    border: none;
    border-radius: 6px;
    width: 100%;
}
.loc_about_img:before {
    content: "";
    position: absolute;
    left: 0;
    background: var(--main-color);
    z-index: 0;
    width: 300px;
    top: -20px;
    bottom: -20px;
    border-radius: 6px 0 0 6px;
}
.loc_about_text {
    display: inline-block;
    width: 100%;
}
.loc_about_text p{ font-size: 14px;}
.loc_about_text h2 {
    font-size: 36px;
    line-height: 50px;
    color: #222;
    margin-bottom: 10px;
    font-weight: 700;
}
.loc_list_item li {
    display: inline-block;
    width: 33%;
    line-height: 30px;
    font-weight: 500;
}
.loc_list_item li span {
    margin-right: 10px;
}
.loc_list_item li a {
    color: var(--main-color);
    font-weight: 500;
}
.loc_list_item li a:hover {
    color: var(--main-link-color);
}
.loc_list_item {
    margin-top: 6px;
    margin-bottom: 10px;
    display: block;
}
/********************************************************
	7. Counter Start
*******************************************************/
.loc_counter_wrapper {
    position: relative;
    background: url(../images/index10/counter-bg.jpg) no-repeat;
  /* background: #0147a6;*/
    background-size: cover;
    background-position: center;
    padding: 91px 0 42px;
   
}
.counter_item h1 {
    font-size: 42px;
    color: var(--main-bg-color);
        font-family: 'Barlow Condensed', sans-serif;
}
.counter_item p {
    font-size: 18px;
    color: var(--main-bg-color);
}
.loc_counter_icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border: 2px solid var(--main-bg-color);
    margin: auto;
    transform: rotate(45deg);
    border-radius: 15px;
    margin-bottom: 20px;
}
.loc_counter_icon img {
    width: 40px;
    position: relative;
    transform: rotate(-45deg);
}
.counter_item:hover .loc_counter_icon {
    background: #f70401;
    box-shadow: 0px 0px 20px 0 rgba(255, 255, 255, 0.16);
}
.counter_item, .counter_item:hover .loc_counter_icon, .counter_item:hover, .counter_item .loc_counter_icon {
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
/********************************************************
	8. Service Start
*******************************************************/
.loc_service_wrapper {
    padding: 69px 0 50px 0px;
    position: relative;
    background: url(../images/index10/service-bg.jpg) no-repeat;
    background-size: 100%;
    background-position: top center;
    width: 100%;
    overflow: hidden;
}
.loc_service_section {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row-reverse;
}
.loc_service_section.icon_left {
    flex-direction: row;
}
.loc_service_section .loc_service_icon img {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.loc_service_section:hover .loc_service_icon img {
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
    animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.loc_service_text {
    width: calc(100% - 125px);
}
.loc_service_text a{
	color: #222;
}
.loc_service_icon {
    text-align: right;
    width: 110px;
    margin-left: 15px;
}
.loc_service_text p {
    width: 90%;
    float: right;
}
.loc_service_section.icon_left .loc_service_text p {
    float: left;
}
.loc_service_text h4 {
    font-size: 28px;
    color: var(--main-link-color);
    font-weight: 700;
    margin-top: 6px;
}
.loc_service_section.icon_left .loc_service_icon {
    margin-right: 15px;
    margin-left: 0;
    text-align: left;
}
.loc_service_section:hover a {
    color: var(--main-color);
}
.loc_service_wrapper .loc_heading_wrapper {
    margin-bottom: 41px;
}
.mt_31 {
    margin-top: 31px;
}
/********************************************************
	9. Testimonials Start
*******************************************************/
.loc_testimonial_wrapper {
    padding: 69px 0 139px;
    position: relative;
    background: url(../images/index10/testimonial-bg.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
}
.loc_testimonial_wrapper .loc_heading_wrapper h2, .loc_testimonial_wrapper .loc_heading_wrapper p {
    color: var(--main-bg-color);
}
.loc_testimonial_wrapper .loc_heading_wrapper h2:before, .loc_testimonial_wrapper .loc_heading_wrapper h2:after {
    background: var(--main-bg-color);
}
.loc_testimonial_slider {
    margin-top: 96px;
}
.loc_client_quote {
    background: var(--main-bg-color);
    padding: 44px 35px;
    width: 100%;
    border: none;
    border-radius: 8px;
    text-align: center;
    background-image: url(../images/index10/quote.png);
    background-repeat: no-repeat;
    background-position: center;
}
.loc_client_quote h4 {
    color: var(--main-link-color);
    font-size: 20px;
    font-weight: 700;
    width: 230px;
    margin: auto;
    margin-top: 6px;
}
.loc_client_quote h4 span {
    font-size: 14px;
    vertical-align: middle;
    font-weight: 400;
    color: var(--main-link-color);
}
.loc_client_img img {
    width: 211px;
    height: 211px;
    object-fit: fill;
    border: none;
    border-radius: 100%;
}
.loc_partner_section {
    display: flex;
    flex-wrap: nowrap;
}
.swiper-container {
    z-index: 0;
}
.loc_testimonial_bullets {
    width: 350px;
    height: 350px;
    position: absolute;
    left: 24px;
    top: -70px;
    border: 1px dashed rgba(255, 255, 255, 0.28);
    border-radius: 50%;
    background: transparent;
}
.loc_testimonial_wrapper .swiper-pagination-bullet {
    background: transparent;
}
.loc_testimonial_bullets .swiper-pagination-bullet-active {
    background: var(--main-color);
    animation: pulsees 2s linear infinite;
    -webkit-animation: pulsees 2s linear infinite;
    -moz-animation: pulsees 2s linear infinite;
}
.loc_testimonial_bullets > .swiper-pagination-bullet {
    border-radius: 50%;
    padding: 6px;
    width: 70px;
    height: 70px;
    outline: none;
    opacity: 1;
    position: absolute;
}
.loc_testimonial_bullets > .swiper-pagination-bullet:nth-child(1) {
    bottom: -25px;
    left: 120px;
}
.loc_testimonial_bullets > .swiper-pagination-bullet:nth-child(2) {
    bottom: 60px;
    left: -15px;
}
.loc_testimonial_bullets > .swiper-pagination-bullet:nth-child(3) {
    top: 30px;
    left: 0;
}
.loc_testimonial_bullets > .swiper-pagination-bullet:nth-child(4) {
    top: -35px;
    left: -20px;
    right: 50px;
    margin: auto;
}
.loc_testimonial_bullets > .swiper-pagination-bullet:nth-child(5) {
    top: -15px;
    right: 40px;
}
.loc_testimonial_bullets > .swiper-pagination-bullet:after {
    content: "";
    display: block;
    width: 58px;
    height: 60px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}
.loc_testimonial_bullets > .swiper-pagination-bullet:nth-child(1):after{
	background-image: url('../images/index10/testimonial/01.png');
}
.loc_testimonial_bullets > .swiper-pagination-bullet:nth-child(2):after{
	background-image: url('../images/index10/testimonial/04.png');
}
.loc_testimonial_bullets > .swiper-pagination-bullet:nth-child(3):after{
	background-image: url('../images/index10/testimonial/03.png');
}
.loc_testimonial_bullets > .swiper-pagination-bullet:nth-child(4):after{
	background-image: url('../images/index10/testimonial/02.png');
}
.loc_testimonial_bullets > .swiper-pagination-bullet:nth-child(5):after{
	background-image: url('../images/index10/testimonial/05.png');
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: none;
    cursor: pointer;
}
.swiper-button-next:hover, .swiper-button-prev:hover,.swiper-button-next, .swiper-button-prev, .swiper-button-prev1:hover, .swiper-button-next1:hover,.swiper-button-prev1, .swiper-button-next1{
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.swiper-button-next:hover, .swiper-button-prev:hover,.swiper-button-prev1:hover, .swiper-button-next1:hover {
    -webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
    transform: scale(1.2);
}
svg.Capa_1 {
    fill:#fff;
    width: 20px;
    margin: 0 auto;
}
.loc_team_button > div:hover svg, .loc_testimonial_button > div:hover svg{
    fill:#fff;
}
.loc_testimonial_wrapper .loc_testimonial_button {
    bottom: 32%;
    position: absolute;
    width: 370px;
    right: 17.5%;
    margin: auto;
    font-size: 25px;
    color: var(--main-color);
}
@keyframes pulsees {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 255, 255, .06);
      -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .06);
      -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .06); }
    40% {
      box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
      -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
      -moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); }
    80% {
      box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
      -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
      -moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); }
    100% {
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
      -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
      -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
  @-webkit-keyframes pulsees {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .06);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .06);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .06); }
      40% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
        -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
        -moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); }
      80% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
        -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
        -moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); }
      100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
  @-moz-keyframes pulsees {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .06);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .06);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .06); }
      40% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
        -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
        -moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); }
      80% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
        -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
        -moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); }
      100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
 
/********************************************************
	10. Work Start
*******************************************************/
.loc_work_wrapper {
   background: #0147a6;
    padding: 100px 0 70px;
   /* background: url(../images/index10/testimonial-bg.jpg) no-repeat;*/
  
}
.loc_about_wrapper .loc_sub_heading, .loc_work_wrapper .loc_sub_heading {
    /*text-transform: uppercase;*/
    font-family: 'Barlow Condensed', sans-serif;
}
.loc_work_img img {
    position: relative;
    border: none;
    border-radius: 6px;
    right: 20px;
    width: 100%;
}
.loc_work_img:before {
    content: "";
    position: absolute;
    right: 0;
    background:#fff;
    z-index: 0;
    width: 300px;
    top: -20px;
    bottom: -20px;
    border-radius: 0 6px 6px 0;
}
.loc_work_text h2 {
    font-size: 42px;
    line-height: 50px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 700;
}
.loc_work_item li {
    width: 100%;
    line-height: 30px;
    font-weight: 500;
}
.loc_work_item li span {
    margin-right: 10px;
}
.loc_work_item li a {
    color:#fff;
    font-weight: 500;
}
.loc_work_item li a:hover {
    color: var(--main-link-color);
}
.loc_work_item {
    margin-top: 6px;
    margin-bottom: 10px;
}
/********************************************************
	11. Quote Start
*******************************************************/
.loc_quote_wrapper {
    padding: 80px 0 0;
    position: relative;
    background: url(../images/index10/testimonial-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.loc_quote_text h2 {
    color: var(--main-bg-color);
    font-size: 42px;
    font-weight: 700;
    line-height: 47px;
}
.loc_quote_text p {
    color: var(--main-bg-color);
    margin: 12px 0;
}
.loc_quote_text h4 {
    color: var(--main-bg-color);
    font-size: 22px;
    font-weight: 500;
    margin-top: 26px;
}
.loc_quote_text h1 .loc_quate_no {
    font-size: 62px;
    color:var(--main-bg-color);
    display: inline-block;
    font-weight: 700;
    margin-bottom: 1px;
}
/********************************************************
	12. Project Start
*******************************************************/
.loc_project_wrapper {
    padding: 69px 0 41px;
    position: relative;
    background: url(../images/index10/portfolio-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.loc_project_wrapper .loc_heading_wrapper {
    margin-bottom: 41px;
}
.loc_project_inner img {
    border: none;
    border-radius: 8px;
}
.loc_project_inner .loc_project_read {
    background: rgba(0, 0, 0, 0.80);
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: auto;
    border: none;
    font-weight: 500;
    border-radius: 8px;
    height: 0%;
}
.loc_project_inner:hover .loc_project_read {
    opacity: 1;
    bottom: 0;
    height: 100%;
}
.loc_project_inner:hover .loc_project_read, .loc_project_inner .loc_project_read, .loc_project_inner {
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.loc_project_read p {
    position: absolute;
    left: 15px;
    right: 15px;
    color: var(--main-bg-color);
    top: 50%;
    width: 170px;
    margin: auto;
    text-align: center;
    -webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.loc_project_read a {
    color: var(--main-color);
}
/********************************************************
	13. Appointement Start
*******************************************************/
.loc_appointment_wrapper {
    padding: 77px 0 0;
    /*background: url(../images/index10/testimonial-bg.jpg) no-repeat;*/
    background-size: cover;
    background-position: center;
     background: #0147a6;
}
.loc_appointment_form h4 {
    color: var(--main-bg-color);
    font-size: 32px;
    margin-bottom: 43px;
    line-height: 32px;
    font-family: 'Barlow Condensed', sans-serif;
}
.loc_appointment_form input {
    width: 100%;
    height: 50px;
    background: transparent;
    border: 1px solid var(--main-bg-color);
    border-radius: 3px;
    padding: 20px;
    color: var(--main-bg-color);
    opacity: 45%;
}
.loc_appointment_form textarea {
    width: 100%;
    height: 123px;
    background: transparent;
    border: 1px solid var(--main-bg-color);
    border-radius: 3px;
    padding: 20px;
    color: var(--main-bg-color);
    opacity: 45%;
}
.loc_appointment_form .loc_btn {
    margin-top: 20px;
}
.loc_appointment_form input:focus, .loc_appointment_form textarea:focus {
    opacity: 1;
}
.loc_appointment_form input:focus, .loc_appointment_form textarea:focus, .loc_appointment_form input, .loc_appointment_form textarea {
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.loc_appointment_form {
    margin-bottom: 71px;
}
.loc_appointment_form input::-webkit-input-placeholder {
    color: var(--main-bg-color);
    opacity: 45%;
}
.loc_appointment_form input::-moz-placeholder {
    color: var(--main-bg-color);
    opacity: 45%;
}
.loc_appointment_form input:-ms-input-placeholder {
    color: var(--main-bg-color);
    opacity: 45%;
}
.loc_appointment_form input:-moz-placeholder {
    color: var(--main-bg-color);
    opacity: 45%;
}
.loc_appointment_form textarea::-webkit-input-placeholder {
    color: var(--main-bg-color);
    opacity: 45%;
}
.loc_appointment_form textarea::-moz-placeholder {
    color: var(--main-bg-color);
    opacity: 45%;
}
.loc_appointment_form textarea:-ms-input-placeholder {
    color: var(--main-bg-color);
    opacity: 45%;
}
.loc_appointment_form textarea:-moz-placeholder {
    color: var(--main-bg-color);
    opacity: 45%;
}

/********************************************************
	14. Team Start
*******************************************************/
.loc_team_wrapper {
    padding: 69px 0 44px;
    background: var(--main-bg-color);
}
.team_slider.swiper-container {
    padding-bottom: 36px;
}
.loc_team_img {
    background: var(--main-gym-bg);
    position: relative;
}
.loc_team_img img {
    width: 100%;
    border: none;
    border-radius: 8px;
}
.loc_team_identity {
    background: var(--main-bg-color);
    padding: 20px 12px;
}
.loc_team_identity > a {
    color: #222;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    display: inline-block;
}
.loc_team_section:hover .loc_team_identity a {
    color: var(--main-color);
}
.loc_team_inner {
    margin: auto;
    text-align: center;
    color: var(--main-bg-color);
}
.loc_team_hover {
    background: rgba(0, 0, 0, 0.80);
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: none;
    display: flex;
    align-items: center;
    font-weight: 500;
    border-radius: 8px 8px 0 0;
    -webkit-transform: translateY(-500px);
    -moz-transform: translateY(-500px);
    -ms-transform: translateY(-500px);
    -o-transform: translateY(-500px);
    transform: translateY(-500px);
}
.loc_team_section:hover .loc_team_hover {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.loc_team_section {
    background: var(--main-bg-color);
    box-shadow: 0px 6px 20px 5px rgba(0, 0, 0, 0.06);
    margin: 0;
    border: none;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 5px;
}
.loc_team_section:hover .loc_team_identity h4, .loc_team_section:hover, .loc_team_hover, .loc_team_section:hover .loc_team_hover  {
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.loc_team_social, .loc_team_info {
    width: 100%;
    display: inline-block;
}
.loc_team_info h6 {
    font-size: 20px;
    color: var(--main-bg-color);
}
.loc_team_info a {
    color: var(--main-bg-color);
}
.loc_team_info a:hover {
    color: var(--main-color);
}
.loc_team_info:first-child {
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
}
.loc_team_info:first-child:before {
    background: var(--main-bg-color);
    content: "";
    position: absolute;
    height: 1px;
    width: 60%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}
.loc_team_social {
    margin-top: 20px;
}
.loc_team_social li {
    display: inline-block;
    margin: 0 6px;
    line-height: 1;
    padding-top: 8px;
}
.loc_team_social li a {
    color: var(--main-bg-color);
}
.loc_team_social li a:hover {
    color: var(--main-color);
}
.loc_team_social ul {
    width: auto;
    background: rgba(249, 249, 249, 0.1);
    display: inline-block;
    padding: 6px 20px;
    border: none;
    border-radius: 30px;
}
.swiper-button-prev1, .swiper-button-next1 {
    width: 40px;
    color: var(--main-color);
    cursor: pointer;
    position: absolute;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    background: #0147a6;
    border-radius: 50%;
}
.swiper-button-prev1 {
    left: -90px;
}
.swiper-button-next1 {
    right: -100px;
}
.loc_team_button {
    position: absolute;
    top: 42%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.swiper-button-next1.swiper-button-disabled, .swiper-button-prev1.swiper-button-disabled  {
    color: var(--main-txt-color);
}
.loc_team_wrapper.loc_team_page_wrapper {
    padding: 80px 0 50px;
}
.loc_team_wrapper.loc_team_page_wrapper .loc_team_section {
    margin-bottom: 30px;
}
.loc_team_wrapper .loc_heading_wrapper {
    margin-bottom: 41px;
}
/********************************************************
	15. Partner Start
*******************************************************/
.loc_partner_wrapper {
    padding: 80px 0 50px;
    background: url(../images/index10/client-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.loc_partners_container img {
    opacity: .6;
    max-height: 124px;
}
.loc_partners_container img:hover {
    opacity: 1;
}
.loc_partners_container img:hover, .loc_partners_container img {
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
/********************************************************
	16. Footer Start
*******************************************************/
footer {
    background:#262628 url(../images/index10/footer-top-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
}
.loc_footer_wrapper {
    padding: 80px 0 28px;
    color: var(--main-bg-color);
    border-top:3px solid #0147a6 ;
}
.loc_footer_wrapper:hover{
	border-top:3px solid #f70401 ;
}
.loc_widgets > p {
    margin: 20px 0 18px;
    font-size: 14px;
    max-width: 420px;
}
.loc_address_wrap h4 {
    color: var(--main-bg-color);
    font-size: 22px;
    margin-bottom: 10px;
}
.loc_footer_wrapper .loc_sub_heading {
    color: var(--main-bg-color);
    margin-bottom: 26px;
    text-transform: capitalize;
    margin-top: 12px;
}
.loc_footer_wrapper .loc_sub_heading:before, .loc_footer_wrapper .loc_sub_heading:after {
    background: var(--main-bg-color);
}
.loc_widgets .loc_sub_heading {
    display: inline-block;
    font-size: 22px;
    margin-top: 0;
}
.loc_widgets .loc_sub_heading:before {
    width: 80%;
}
.loc_widgets .loc_sub_heading:after {
    width: 100%;
}
.loc_footer_address li {
    margin-bottom: 13px;
    font-size: 14px;
}
.loc_footer_address li i{ font-size: 18px; margin-right: 10px;}
.loc_footer_menu ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 13px;
}
.loc_footer_menu ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 20px;
}
.loc_footer_address h6 {
    font-size: 18px;
    color: var(--main-bg-color);
    margin-bottom: 8px;
}
.loc_footer_address h5 {
    color: var(--main-bg-color);
    font-size: 26px;
}
.loc_footer_menu ul li a {
    color: var(--main-bg-color);
    display: inline-block;
    position: relative;
    font-size: 14px;
}
.loc_footer_menu ul li a:before {
    background: var(--main-bg-color);
    content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    bottom: 0;
}
.loc_footer_menu ul li a:hover:before {
    width: 100%;
}
.loc_footer_menu ul li a, .loc_footer_menu ul li a:hover, .loc_footer_menu ul li a:before, .loc_footer_menu ul li a:hover:before {
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.loc_copyright_wrapper {
    padding: 14px 0 11px;
    border-top: 1px solid rgb(51, 51, 53);
    color: var(--main-bg-color);
}
.loc_copyright_wrapper a {
    color: var(--main-color);
}
/********************************************************
	17. Page Title Start
*******************************************************/
.loc_page_title_wrapper {
    position: relative;
    background: url(../images/index10/page_titil_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    padding: 41px 0;
    color: var(--main-bg-color);
}
.loc_page_title_text h1 {
    color: var(--main-bg-color);
    font-size: 38px;
    line-height: 46px;
    font-weight: 700;
    margin-bottom: 6px;
}
.loc_page_title_text ul {
    display: flex;
    justify-content: center;
}
.loc_page_title_text ul > li {
    position: relative;
    padding-left: 20px;
}
.loc_page_title_text ul > li:first-child {
    padding-left: 0;
}
.loc_page_title_text ul > li:before {
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 3px;
    left: 8px;
}
.loc_page_title_text ul > li:first-child:before {
    content: unset;
}
.loc_page_title_text ul > li a {
    color: #ffffff;
}

/********************************************************
	18. About Page Why Us Start
*******************************************************/
.loc_tabs_nav {
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--main-border-color);
    border-radius: 6px;
    flex-wrap: wrap;
    margin-bottom: 24px;
    margin-top: 17px;
}
.loc_tabs_nav li {
    width: 33.33%;
    height: 70px;
    text-align: center;
    position: relative;
    border-right: 1px solid var(--main-border-color);
    padding: 21px 0;
}
.loc_tabs_nav li:last-child {
    border-right: 0px;
}
.loc_tabs_nav li a {
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    position: relative;
}
.loc_tabs_nav li::before {
    content: "";
    background: var(--main-color);
    width: 0%;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.loc_tabs_nav li.active::before, .loc_tabs_nav li:hover::before {
    width: 60%;
}
.loc_tabs_nav li, .loc_tabs_nav li::before, .loc_tabs_nav li.active::before, .loc_tabs_nav li:hover::before {
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.loc_work_wrapper.loc_whyUs_wrapper .loc_work_text h2 {
    font-size: 36px;
}
.loc_work_text p{ color: #fff;}
.loc_work_wrapper.loc_whyUs_wrapper {
    padding: 69px 0 70px;
}

/********************************************************
	19. Service Page Service Thumb Start
*******************************************************/
.loc_service_thumb_wrapper {
    padding: 80px 0 30px;
}
.loc_service_thumb_section {
    background: var(--main-bg-color);
    margin-bottom: 41px;
}
.loc_service_thumb_img {
    position: relative;
    border: none;
    border-radius: 10px;
}
.loc_service_thumb_img > a > img {
    border: none;
/*    border-radius: 10px;*/
    width: 100%;
}
.loc_service_thumb_img .loc_service_thumb_icon {
    position: absolute;
    bottom: -30px;
    right: 30px;
}
.loc_service_thumb_text {
    margin-top: 30px;
    padding: 0 15px 30px 15px;
}
.loc_service_thumb_text p{
	font-size: 14px;
}
.loc_service_thumb_text .loc_sub_heading {
    margin-bottom: 14px;
    color: #222;
    text-transform: capitalize;
}
.loc_service_thumb_section .loc_service_thumb_icon img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.loc_service_thumb_section:hover .loc_service_thumb_icon img {
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
    animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.loc_service_thumb_section {
    -webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
    transform: translateY(0px);
}
.loc_service_thumb_section:hover {
    -webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
    transform: translateY(-10px);
}
.loc_service_thumb_section:hover, .loc_service_thumb_section {
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

/********************************************************
	20. Pricing Table Start
*******************************************************/
.loc_price_wrapper {
    padding: 69px 0 50px;
}
.loc_price_section {
    border: 2px solid var(--main-border-color);
    border-radius: 3px;
    padding: 40px 30px;
    margin-bottom: 30px
}
.loc_price_section h2 {
    color: var(--main-link-color);
    padding-bottom: 12px;
    margin-bottom: 12px;
    position: relative;
}
.loc_price_section h2:before {
    content: "";
    background: var(--main-border-color);
    height: 1px;
    width: 20%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.loc_price_section h1 {
    font-size: 62px;
    font-weight: 700;
    margin: 20px 0;
}
.loc_price_section h1 > sub {
    font-size: 32px;
    margin-right: 8px;
}
.loc_price_section h1 sub.loc_price_duration {
    font-size: 16px;
    color: var(--main-link-color);
    margin: 0 0 0 8px;
    bottom: 0;
}
.loc_price_section ul li {
    margin-bottom: 18px;
    color: var(--main-link-color);
    font-weight: 500;
}
.loc_price_section, .loc_price_section:hover, .loc_price_section h2, .loc_price_section:hover h2 {
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.loc_price_section:hover {
    border-color: var(--main-color);
}
.loc_price_section:hover h2 {
    color: var(--main-color);
}
/********************************************************
	21. Project Page Start
*******************************************************/
.loc_project_wrapper.loc_project_page_wrapper {
    padding: 80px 0 41px;
    background: var(--main-bg-color);
}
/********************************************************
	22. Blog Page Start
*******************************************************/
.loc_blog_wrapper {
    padding: 80px 0 30px;
}
.loc_sidebar_widgets {
    margin-bottom: 42px;
}
.loc_sidebar_widgets:last-child {
    margin-bottom: 0px;
}
.loc_blog_sidebar, .loc_sidebar_widgets {
    width: 100%;
}
.loc_search_field {
    position: relative;
}
.loc_search_field input {
    width: 100%;
    border: 1px solid #e6e6e6;
    height: 50px;
    border-radius: 6px;
    padding: 0 50px 0 30px;
    position: relative;
    line-height: 50px;
    margin-bottom: 4px;
}
.loc_search_field > a {
    position: absolute;
    right: 18px;
    top: 0;
    color: var(--main-color);
    bottom: 0;
    line-height: 50px;
}
.loc_sidebar_widgets .loc_sub_heading {
    margin-bottom: 16px;
}
.loc_category_field ul li, .loc_archives_field ul li {
    padding: 0 0 12px 20px;
    position: relative;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}
.loc_category_field ul li a, .loc_archives_field ul li a {
    width: calc(100% - 60px);
}
.loc_category_field ul li:before, .loc_archives_field ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    top: -2px;
    left: 0;
}
.loc_category_field ul li:last-child, .loc_archives_field ul li:last-child {
    padding-bottom: 0;
}
.loc_latestPost_field ul li {
    display: flex;
    margin-bottom: 12px;
    flex-wrap: wrap;
    align-items: center;
}
.loc_latestPost_field ul li:last-child {
    margin-bottom: 0px;
}
.loc_latestPost_field ul li .loc_blog_thumb {
    margin-right: 10px;
    width: 70px;
    display: inline-block;
}
.loc_blog_thumb img {
    border: none;
    border-radius: 3px;
}
.loc_blog_title_wrap {
    width: calc(100% - 80px);
}
.loc_blog_title {
    font-weight: 700;
    text-transform: capitalize;
}
.loc_blog_date {
    color: var(--main-color);
    font-weight: 700;
}
.loc_insta_field ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.loc_insta_field ul li {
    width: 31%;
    margin: 0 0 10px;
}
.loc_insta_field ul li img {
    width: 83px;
    height: auto;
    border-radius: 3px;
    object-fit: cover;
}
.loc_blog_img, .loc_blog_thumb, .loc_effect {
    position: relative;
    overflow: hidden;
}
.loc_blog_img img {
    border: none;
    border-radius: 10px;
}
.loc_blog_img:after, .loc_blog_img:before, .loc_blog_thumb:after, .loc_blog_thumb:before, .loc_effect:after, .loc_effect:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    z-index: 1;
    background:var(--main-bg-color);
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.loc_blog_img:before, .loc_blog_img:hover:before, .loc_blog_thumb:before, .loc_blog_thumb:hover:before, .loc_effect:hover:before, .loc_effect:before {
    right: 0;
    top: 0;
}
.loc_blog_img:hover:after, .loc_blog_img:hover:before, .loc_blog_thumb:hover:after, .loc_blog_thumb:hover:before, .loc_effect:hover:after, .loc_effect:hover:before {
    width: 100%;
    height: 100%;
    opacity: 0;
}
.loc_blog_img:after, .loc_blog_img:hover:after, .loc_blog_thumb:after, .loc_blog_thumb:hover:after, .loc_effect:after, .loc_effect:hover:after {
    left: 0;
    bottom: 0;
}
.loc_blog_img:after, .loc_blog_thumb:after, .loc_effect:after {
    opacity: .3;
}
.loc_blog_info ul {
   width: 100%;
    text-align: center;
}
.loc_blog_info ul li {
    margin-right: 60px;
    display: inline-block;
}
.loc_blog_info ul li:last-child {
    margin-right: 0px;
}
.loc_blog_info {
    padding: 0px 0 21px;
    text-align: center;
     width: 100%;
     border-bottom: 1px dashed #ddd;
}
.loc_blog_info ul li img.loc_user, .loc_blog_info ul li i {
    margin-right: 10px;
}
.loc_blog_info ul li .loc_user_name, .loc_blog_info ul li i {
    color: var(--main-color);
}
img.loc_user {
    width: 30px;
    height: 30px;
    border-radius: 100%;
}
.loc_blog_info ul li a {
    color: var(--main-txt-color);
}
.loc_blog_info ul li a:hover {
    color: var(--main-color);
}
.loc_blog_text{
	display: block;
	width: 100%;
	padding: 15px 0;
	text-align: justify;
}
.loc_blog_heading {
    font-size: 30px;
    font-weight: 700;
    line-height: 46px;
    display:block;
    margin-bottom: 12px;
    text-align: center;
    width: 100%;
    font-weight: normal;
    color: #222;
}
.loc_blog_btn {
    margin-top: 21px;
}
.loc_blog_section {
    margin-bottom: 41px;
}
.blog_pagination_wrapper ul li {
    display: inline-block;
    font-size: 18px;
}
.blog_pagination_wrapper{
	text-align: center;
}
.blog_pagination_wrapper ul li a, .blog_pagination_wrapper ul li.dot:hover a {
    color: #222;
    font-weight: 700;
/*    width: 40px;*/
padding: 0 15px;
    height: 40px;
    line-height: 42px;

    display: inline-block;
    text-align: center;
    /*background: var(--main-bg-color);*/
}
.blog_pagination_wrapper ul li.dot:hover a {
    cursor: none;
}
.blog_pagination_wrapper ul li.blog_page_prev a, .blog_pagination_wrapper ul li.blog_page_next a {
    width: auto;
    height: 40px;
}
.blog_pagination_wrapper ul li.blog_page_prev:hover a, .blog_pagination_wrapper ul li.blog_page_next:hover a {
    background: var(--main-bg-color);
    color: var(--main-color);
}
.blog_pagination_wrapper ul li.active a, .blog_pagination_wrapper ul li:hover a {
    color: var(--main-bg-color);
    background: var(--main-color);
}
.loc_sidebar_widgets.loc_sidebar_cat_widgets .loc_sub_heading.relative {
    margin-bottom: 14px;
}
.loc_sidebar_widgets.loc_sidebar_arc_widgets .loc_sub_heading.relative {
    margin-bottom: 14px;
}
.loc_sidebar_widgets.loc_sidebar_cat_widgets {
    margin-bottom: 40px;
}
.loc_sidebar_widgets.loc_sidebar_arc_widgets {
    margin-bottom: 41px;
}
.loc_sidebar_widgets.loc_sidebar_insta_widgets .loc_sub_heading.relative {
    margin-bottom: 20px;
}
/********************************************************
	23. Blog Single Page Start
*******************************************************/
.loc_blockquote {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.loc_blockquote_img {
    width: 160px;
    margin-right: 10px;
    position: relative;
}
.loc_blockquote_quote {
    width: calc(100% - 170px);
    color: var(--main-link-color);
    position: relative;
    text-align: center;
}
.loc_blockquote_quote p, .loc_quote_user {
    text-align: left;
}
.loc_blockquote_img img.loc_quote_user {
    border: 3px solid var(--main-color);
    border-radius: 50%;
    width: 130px;
    height: 130px;
}
.loc_blockquote_img:before {
    content: "\f10e";
    right: 12px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: var(--main-color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 40px;
    height: 40px;
    line-height: 32px;
    background: var(--main-bg-color);
    border: 5px solid var(--main-color);
    padding-left: 8px;
    border-radius: 100%;
}
.loc_quote_user {
    color: var(--main-link-color);
    font-weight: 700;
    font-size: 20px;
    width: 100%;
    display: inline-block;
}
.loc_quote_user > span {
    color: var(--main-txt-color);
    font-size: 16px;
    font-weight: 400;
}
.loc_blockquote_quote:before {
    content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: var(--main-color);
    position: absolute;
    left: 0;
    right: 0;
    font-size: 2%;
    margin: auto;
}
.loc_blockquote_quote:before {
    content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: var(--main-color);
    position: absolute;
    left: 0;
    right: 0;
    font-size: 84px;
    margin: auto;
    top: 50%;
    opacity: .1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.loc_img_text_container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.loc_img_text_container img {
    width: 370px;
    display: inline-block;
    margin: 6px 15px 6px 0;
}
.loc_img_text_container p {
    display: inline-block;
    width: calc(100% - 385px);
}
.loc_author_message_box {
    background: var(--main-color);
    border: none;
    border-radius: 6px;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 74px 0 73px;
    color: var(--main-bg-color);
}
.loc_author_content h5 {
    color: var(--main-bg-color);
    font-weight: 700;
    font-size: 20px;
}
.loc_author_content h5 span {
    font-weight: 400;
    font-size: 16px;
}
.loc_author_content {
    width: calc(100% - 140px);
}
.loc_author_image {
    width: 110px;
    height: 110px;
    overflow: hidden;
    margin-right: 30px;
}
.loc_author_image img {
    width: 110px;
    height: 110px;
    border: none;
    border-radius: 100%;
    object-fit: fill;
}
.loc_comment_holder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.loc_comment_detail {
    width: calc(100% - 130px);
}
.loc_comment_user {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-right: 30px;
}
.loc_comment_user img {
    width: 100px;
    height: 100px;
    border: none;
    border-radius: 100%;
    object-fit: fill;
}
.loc_blog_comment > ul > li {
    margin-bottom: 26px;
    display: inline-block;
}
.loc_blog_comment ul li ul {
    padding-left: 80px;
}
.loc_blog_comment > ul > li > ul > li {
    margin-top: 26px;
}
.loc_comment_form {
    margin-top: 43px;
}
.loc_form_field {
    width: 100%;
    border: 1px solid var(--main-border-color);
    padding: 0 20px;
    height: 50px;
    border-radius: 6px;
    display: flex;
}
textarea.loc_form_field {
    height: 150px;
    resize: none;
    padding: 12px 20px;
}
.loc_field_holder {
    margin-bottom: 30px;
}
.loc_comment_form .loc_section_heading {
    margin-bottom: 40px;
}
.loc_comment_form .loc_btn {
    margin: 0;
}
.loc_reply_btn {
    color: var(--main-color);
    margin-left: 15px;
}
.loc_reply_btn svg {
    width: 16px;
    fill: var(--main-color);
}
/********************************************************
	24. Contact Page Start
*******************************************************/
.loc_contact_wrapper {
    padding: 80px 0;
    position: relative;
}
.loc_contact_wrapper .col-lg-4.d-flex {
    padding-left: 0;
    padding-right: 20px;
}
.loc_info_bg {
    background: var(--main-color);
}
.loc_contact_wrapper > div > .row {
    background: var(--main-bg-color);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 6px;
    overflow: hidden;
    margin: 0;
}
.loc_contact_form {
    padding: 44px 35px 41px 15px;
}
.loc_contact_form .loc_sub_heading {
    margin-bottom: 30px;
    font-size: 26px;
    color: var(--main-link-color);
}
.loc_contact_info {
    padding: 44px 35px 0 50px;
    color: var(--main-bg-color);
}
.loc_contact_info .loc_sub_heading {
    color: var(--main-bg-color);
    margin-bottom: 28px;
    font-size: 26px;
}
.loc_contact_wrapper .loc_sub_heading:after {
    width: 115px;
}
.loc_contact_wrapper .loc_sub_heading:before {
    width: 100px;
}
.loc_contact_info .loc_sub_heading:after, .loc_contact_info .loc_sub_heading:before {
    background: var(--main-bg-color);
}
.loc_conatact_section > h4 {
    color: var(--main-bg-color);
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 4px;
}
.loc_contact_info_inner {
    padding: 0 0 0 25px;
    font-size: 16px;
    position: relative;
    line-height: 28px;
}
.loc_contact_info_inner span {
    position: absolute;
    left: 0;
    top: 0;
}
.loc_contact_info_inner svg {
    width: 16px;
    fill: var(--main-bg-color);
}
.loc_conatact_section {
    margin-bottom: 29px;
    padding-bottom: 22px;
    position: relative;
}
.loc_conatact_section:before {
    content: "";
    border-bottom: 1px solid var(--main-bg-color);
    position: absolute;
    bottom: 0px;
    left: -50px;
    right: -50px;
    opacity: 0.2;
}
.loc_conatact_section:last-child:before {
    content: unset;
}
.loc_contact_form .loc_field_holder {
    margin-bottom: 20px;
}
.loc_contact_form textarea.loc_form_field {
    height: 140px;
}
.loc_map {
    width: 100%;
    height: 500px;
}
.loc_map iframe {
    display: block;
    width: 100%;
    height: 640px;
    margin: 0 auto;
}
.loc_contact_form .loc_btn {
    width: 160px;
    font-size: 15px;
}
.loc_work_wrapper .loc_sub_heading:before{
	 background: #fff;
}
.loc_work_wrapper .loc_sub_heading:after{
	background: #fff;
}
.loc_work_wrapper .loc_sub_heading{
	color: #fff;
}
.loc_work_wrapper .loc_btn{
	background: #fff;
	color: var(--main-color);
}
/********************************************************
	25. Responsive CSS Start
********************************************************/
@media (max-width: 1744px) and (min-width: 1401px) {
    .loc_service_wrapper .mt_31 {
        margin-top: 0;
    }
    .loc_service_section {
        margin-top: 40px;
    }
}
@media (max-width: 1400px) and (min-width: 1200px) {
    .loc_service_wrapper .mt_31 {
        margin-top: 0;
    }
}
@media (min-width: 1200px) {
    .loc_search_wrapper {
        padding-left: 25px;
    }
}
@media (max-width: 1400px) {
	.swiper-button-next1 {
		right: 4px;
	}
	.swiper-button-prev1 {
		left: 13px;
	}
	.loc_service_section {
		margin-top: 20px;
	}
	.loc_service_wrapper {
		background-position: center center;
	}
	.loc_service_icon {
		flex: 2;
		margin-left: 10px;
	}
	.loc_service_section.icon_left .loc_service_icon {
		margin: 0 10px 0 0;
	}
	.loc_service_wrapper .mb_40 {
		margin-top: 0;
	}
	.loc_service_text {
		flex: 5;
	}
	.loc_service_text p {
		width: 100%;
	}
}

@media (max-width: 1199.98px) {
	.loc_banner_text h1 {
		font-size: 60px;
		line-height: 60px;
	}
	.loc_about_text h2, .loc_work_text h2 {
		font-size: 30px;
		line-height: 40px;
	}
	.loc_service_text h4 {
		font-size: 22px;
	}
	.loc_quote_text h2 {
		font-size: 40px;
	}
	.loc_quote_text h1 .loc_quate_no {
		font-size: 50px;
	}
	.loc_service_wrapper .row {
		align-items: flex-end;
	}
	.loc_project_read p {
		width: auto;
	}
	.loc_price_section {
		padding: 40px 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.loc_nav_items {
		width: 68%;
	}
	.loc_btn {
		padding: 0 30px;
	}
	.loc_nav_items ul > li > a {
		padding: 0 10px;
	}
	.loc_search_wrapper li:last-of-type {
		margin-left: 6px;
	}
	.loc_testimonial_wrapper .loc_testimonial_button {
		bottom: 29%;
   		right: 9.6%;
	}
	.loc_insta_field ul li {
		margin: 0 0 6px;
	}
	.loc_service_wrapper .mt_31 {
        margin-top: 0;
    }
    .loc_service_section {
        margin-top: 0;
        margin-bottom: 30px;
    }
}

@media (min-width: 991.98px) {
	
	.loc_testimonial_bullets {
		z-index: 1;
    }
    .main_menu_wrapper ul > li:hover > a {
        color: var(--main-color);
    }
}

@media (max-width: 991.98px) {
	.loc_search_wrapper {
		width: 100%;
	}
	.loc_search_wrapper ul {
		justify-content: flex-end;
	}
	.main_menu_wrapper li.has_submenu:before, .main_menu_wrapper li.has_submenu:after {
		background: var(--main-color);
	}
	.loc_search_btn {
		text-align: center;
		border: none;
		border-radius: 50%;
		width: 50px;
		height: 50px;
        line-height: 50px;
        margin: 0;
	}
	.loc_banner_text h1 {
		font-size: 50px;
	}
	.loc_list_item li {
		width: 49%;
	}
	.loc_service_section {
		margin: 0 0 15px;
	}
	.loc_service_section.icon_left .loc_service_icon {
		text-align: center;
		margin: 0 10px 10px 0;
	}
	.loc_service_wrapper .col-lg-4 {
		margin-top: 0;
	}
	.loc_partner_section {
		flex-wrap: wrap;
	}
	.loc_testimonial_bullets {
		left: 0;
		right: 0;
		margin: auto;
	}
	.loc_testimonial_slider {
		margin-top: 100px;
	}
	.loc_client_quote {
		margin-top: 130px;
	}
	.loc_testimonial_wrapper .loc_testimonial_button {
		bottom: 12.5%;
		width: auto;
		right: 15px;
		left: 15px;
	}
	.loc_testimonial_wrapper {
		padding: 70px 0 80px;
	}
	.loc_quote_text h2 {
		font-size: 30px;
		line-height: 38px;
	}
	.loc_quote_text h4 {
		font-size: 18px;
		margin-top: 20px;
	}
	.loc_quote_text h1 .loc_quate_no {
        font-size: 36px;
        line-height: 58px;
    }
	.loc_project_inner {
		margin-bottom: 18px;
	}
	.loc_heading_wrapper h2 {
		font-size: 30px;
	}
	.loc_tabs_nav li a {
		font-size: 16px;
	}
	.loc_tabs_nav {
		margin-bottom: 20px;
	}
	.loc_tabs_nav li {
		height: 60px;
	}
	.loc_price_section {
		padding: 30px 15px;
	}
	.loc_price_section h1 {
		font-size: 50px;
	}
	.loc_search_field input {
		padding: 0 40px 0 20px;
	}
	.loc_img_text_container img, .loc_img_text_container p {
		width: 100%;
	}
	.loc_img_text_container img {
		margin: 15px 0;
	}
	.loc_project_wrapper.loc_project_page_wrapper {
        padding: 80px 0 44px;
    }
	.loc_blog_section {
        margin-bottom: 44px;
    }
    .loc_contact_info {
        width: 100%;
    }
    .loc_contact_wrapper .col-lg-4.d-flex {
        padding: 0 0 15px 0;
    }
    .loc_contact_info {
        padding: 44px 15px 0 15px;
    }
    .loc_contact_form {
        padding: 44px 0 41px 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.loc_about_wrapper .row, .loc_work_wrapper .row {
		align-items: center;
	}
	.loc_service_wrapper {
		background-size: cover;
	}
	.loc_service_text {
		width: 100%;
		flex: auto;
		text-align: center !important;
	}
	.loc_service_icon {
		flex: auto;
		margin: 0 0 10px;
		width: 100%;
		text-align: center;
	}
	.loc_category_field ul li a, .loc_archives_field ul li a, .loc_blog_title_wrap {
		width: 100%;
	}
	.loc_latestPost_field ul li .loc_blog_thumb {
		width: 100%;
		margin: 0 0 12px;
	}
	.loc_insta_field ul li {
		margin: 0 0 5px;
	}
    .loc_footer_address h5 {
        font-size: 25px;
    }
    
    .loc_about_wrapper {
        padding: 76px 0 44px;
    }
    .loc_counter_wrapper {
        padding: 91px 0 45px;
    }
    .loc_service_wrapper {
        padding: 74px 0 0px;
    }
    .loc_testimonial_wrapper {
        padding: 74px 0 80px;
    }
    .loc_work_wrapper {
        padding: 76px 0 44px;
    }
    .loc_project_wrapper {
        padding: 74px 0 44px;
    }
    .loc_team_wrapper {
        padding: 74px 0 44px;
    }
}

@media (max-width: 767.98px) {
	.loc_project_inner img {
		width: 100%;
	}
	.loc_search_wrapper li:last-of-type {
		padding: 0 15px;
    }
    .loc_search_wrapper .loc_btn {
        width: auto;
        height: 40px;
        line-height: 36px;
        padding: 0 20px;
    }
	.menu_btn {
		margin: 0;
	}
	.loc_banner_text h1 {
		font-size: 32px;
		line-height: 40px;
	}
	.loc_banner_text h4 {
		font-size: 16px;
	}
	.loc_border:before, .loc_border:after{
		width: 90%;
	}
	.loc_banner_text h4:before, .loc_banner_text h4:after {
		width: 100%;
	}
	.loc_service_section.icon_left {
		margin: 15px 0 0;
	}
	.loc_service_section.icon_left:last-of-type {
		margin-bottom: 70px;
	}
    .loc_quote_wrapper > div > .row, .loc_appointment_wrapper > div > .row {
		flex-direction: column-reverse;
	}
	.loc_search_bar input {
		padding: 6px 100px 6px 15px;
	}
	.loc_insta_field ul {
		justify-content: flex-start;
	}
	.loc_insta_field ul li img {
		width: 100%;
	}
	.loc_insta_field ul li {
		width: 20%;
		margin: 0 10px 10px 0;
	}
	.loc_blog_heading {
		font-size: 30px;
		line-height: 40px;
	}
	.loc_testimonial_wrapper .loc_testimonial_button {
		bottom: 12.3%;
	}
	.loc_banner_wrapper .row {
        align-items: flex-end;
    }
    .loc_banner_text {
		padding: 10px 0px 34px;
	}
	.menu_btn {
        padding: 13px 0 0;
    }
    .loc_about_text {
        margin-top: 16px;
    }
    .loc_about_wrapper {
        padding: 100px 0 44px;
    }
    .counter_item {
        margin-bottom: 6px;
    }
    .loc_counter_wrapper {
        padding: 91px 0 39px;
    }
    .loc_service_wrapper {
        padding: 74px 0 0px;
    }
    .loc_service_img {
        margin: 16px 0 15px;
    }
    .loc_testimonial_wrapper {
        padding: 74px 0 80px;
    }
    .loc_work_wrapper {
        padding: 76px 0 70px;
    }
    .loc_work_text {
        margin-bottom: 14px;
    }
    .loc_quote_wrapper {
        padding: 73px 0 0;
    }
    .loc_quote_text h1 .loc_quate_no {
        line-height: 58px;
    }
    .loc_project_wrapper {
        padding: 74px 0 44px;
    }
    .loc_appointment_wrapper {
        padding: 76px 0 0;
    }
    .loc_appointment_form {
        margin-bottom: 24px;
    }
    .loc_team_wrapper {
        padding: 74px 0 44px;
    }
    .loc_work_wrapper.loc_whyUs_wrapper {
        padding: 74px 0 70px;
    }
    .loc_service_thumb_wrapper {
        padding: 80px 0 33px;
    }
    .loc_price_wrapper {
        padding: 74px 0 50px;
    }
    .loc_blog_section {
        margin-bottom: 44px;
    }
    .blog_pagination_wrapper ul li a {
        margin-right: 14px;
    }
    .loc_work_wrapper.loc_whyUs_wrapper .loc_heading_wrapper {
        margin-bottom: 38px;
    }
    .loc_footer_wrapper {
        padding: 80px 0 48px;
    }
}

@media (min-width: 576px) {
	.loc_service_thumb_wrapper .row {
		margin: 0 -30px;
	}
}

@media (max-width: 767px) and (min-width: 575.98px) {
    
}

@media (max-width: 575.98px) {
	.loc_header_wrapper {
		padding: 15px 0;
	}
	.loc_logo {
		padding: 0 0 12px;
		text-align: center;
	}
	.loc_search_bar_container {
		width: 80%;
	}
	.loc_banner_text h4 {
		padding: 6px 0;
		margin-bottom: 10px;
	}
	.loc_banner_text h4 {
		font-size: 12px;
	}
	.loc_btn {
		padding: 0 30px;
		width: auto;
		height: 40px;
		line-height: 40px;
	}
	.loc_search_wrapper .loc_btn {
		margin: 0;
		line-height: 38px;
	}
	.loc_search_wrapper ul {
		justify-content: space-between;
	}
	.loc_search_wrapper li:last-of-type {
		padding: 0;
	}
	.loc_list_item li {
		width: 100%;
	}
	.loc_testimonial_bullets {
		width: 280px;
		height: 280px;
		top: -62px;
	}
	.loc_client_img img {
		width: 160px;
		height: 160px;
	}
	.loc_testimonial_wrapper .loc_testimonial_button {
		bottom: 6%;
	}
	.loc_work_img {
		padding: 0;
	}
	.loc_work_text, .loc_about_text {
		padding-top: 15px;
	}
	.loc_project_wrapper > div > .row > .row {
		margin: 0;
	}
	.loc_quote_text h1 .loc_quate_no {
		font-size: 30px;
	}
	.loc_appointment_wrapper .padder0, .loc_team_wrapper .padder0, .loc_footer_wrapper .padder_left, .loc_footer_wrapper .padder_right, .loc_footer_wrapper .padder0 {
		padding: 0 15px;
	}
	.loc_tabs_nav li {
		width: 100%;
		border: none;
		border-bottom: 1px solid #ececec;
	}
	.loc_tabs_nav li:last-child {
		border: none;
	}
	.loc_blog_info ul li:first-child {
		width: 100%;
		margin: 0 0 20px;
	}
	.loc_blog_info ul li {
		margin: 0 30px 0 0;
	}
	.loc_blockquote_quote, .loc_author_content, .loc_comment_detail {
		width: 100%;
		margin: 12px 0 0 0;
	}
	.loc_banner_text {
        padding: 72px 15px 0 0;
        text-align: center;
    }
    .loc_border:before, .loc_border:after {
        width: 100%;
    }
    .loc_banner_img {
        padding-top: 24px;
    }
    .loc_service_section.icon_left:last-of-type {
        margin-bottom: 74px;
    }
    .loc_work_wrapper {
        padding: 61px 0 70px;
    }
    .loc_work_wrapper.loc_whyUs_wrapper .loc_heading_wrapper {
        margin-bottom: 23px;
    }
}

@media (max-width: 359.98px) {
	.loc_about_img:before, .loc_work_img:before {
		width: 270px;
	}
}
.banner_box {

    overflow: hidden;
    padding: 0;
   height: 100vh;
     width: 100%;
   
}
.n_banner{
	background: url(../images/n_banner06.png) center no-repeat;
    background-size: cover;
    height: 100vh;
}

#canvans {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    height: 100%;
    display: block;
    background: rgba(0,117,207,.8);
}
.n_banner .container-fluid{
	height: 100%;
	z-index: 9!important;
}
/*.n_banner:after {
    z-index: 1;
    background: rgba(32,64,154,.8);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/
.video_box {
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    height: 100vh;
    overflow: hidden;
}
.layui-col-xs12 {
    width: 100%;
    height: 100%;
    display: block;
    box-sizing: border-box;
}
.n_banner .tables {
    display: table;
    table-layout: fixed;
    text-align: left;
    width: 100%;
    height: 100%;
}
.table_cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.n_banner h3 {
    font-size: 4.5rem;
    color: #fff;
    font-family: 'Barlow Condensed', sans-serif;
    
}
.n_banner h2 {
    font-size: 1.4375rem;
    color: #fff;
    font-family: 'Barlow Condensed', sans-serif;
    margin-bottom: 1.75rem;
}
.video_box video {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    filter: alpha(opacity=70);
    opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
}
.scroll-icon{
	position: absolute;
    bottom: 80px;
    left: 50%;
    z-index: 103;
    width: 31px;
    height: 55px;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2em;
    width: 1.2em;
    font-size: 22px;
    color: rgba(255, 255, 255, 0.5);
    border-radius: 2em;
    border: solid 2px;
    -webkit-transition: .4s;
    transition: .4s;
}

.scroll-icon::after {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
    animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
}
@keyframes scroll-icon{0% {
    -webkit-transform:translateY(-12px);
            transform: translateY(-12px);
    opacity: 0;
  }
  30%, 70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(12px);
            transform: translateY(12px);
    opacity: 0;
  };
}
.container-fluid1 {
    padding: 0 5%;
    position: relative;
}
.loc_footer_wrapper .right .tel {
	text-align: right;
    color: #fff;
    font-size: 26px;
    padding-bottom: 8px;
}
.loc_footer_wrapper .right .text {
    color: #666;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    margin-top: 10px;
}
.loc_footer_wrapper  .right .tel p {
    color: #fff;
    font-size: 16px;
}
.loc_address_wrap p{ font-size: 14px;}
.banner {position: relative;}
.banner .lt {position: absolute;left: 0;top: 0;z-index:13;width: 257px;height: 386px; background: url("../images/lt.png");background-size: 100%;}
.banner .rb {position: absolute;right: 0;bottom: 0;z-index: 13;width: 307px;height: 461px; background: url("../images/rb.png");background-size: 100%;}
.index-banner-swiper {position: relative;background: #000;z-index:1;}

.banner-slide .txt{position: absolute;width: 900px;left: 10%;top: 60%;margin-top: -167px;z-index: 33;}
.banner-slide .txt span {font-size: 14px;color: #b8b8b8;text-transform: uppercase;}
.banner-slide .txt h3{font-size: 40px;line-height:40px; color: #fff;margin: 0;padding: 0;padding-top: 10px;padding-bottom:20px;}
.banner-slide .txt h1{font-size: 45px;color: #fff; padding: 0;padding-bottom:20px; margin-bottom: 20px; position: relative;display: inline-block;}
.banner-slide .txt h1::after {content: '';display: block;width: 100%;height: 3px;position: absolute;bottom: 0;left: 0; background: #fff;}
.banner-slide .txt h4{font-size: 18px;color: #b8b8b8;padding: 0;margin: 20px 0;}

.banner-slide .txt span {transform:translateY(200px);opacity:0;transition:all .4s;}
.banner-slide .txt h3 {transform:translateY(200px);opacity:0;transition:all .6s;}
.banner-slide .txt h1 {transform:translateY(200px);opacity:0;transition:all .8s;}
.banner-slide .txt h4 {transform:translateY(200px);opacity:0;transition:all 1.0s;}
.banner-slide .txt .more{transform:translateY(200px);opacity:0;transition:all 1.2s;}
.index-banner-swiper .swiper-slide-active .txt h3,.index-banner-swiper .swiper-slide-active .txt h1,.index-banner-swiper .swiper-slide-active .txt h4,.index-banner-swiper .swiper-slide-active .txt span,.index-banner-swiper .swiper-slide-active .txt .more{transform:translateY(0px);opacity:1;}

.swiper-banner-pagination {bottom: 55px;text-align: right;left: auto;right:6%;display: block;z-index: 90;}
.swiper-banner-pagination .swiper-pagination-bullet {width:60px;height:2px;margin:0 0 0 10px;border-radius: 0; background: #fff;opacity: 0.3;position: relative;z-index: 11;outline: none;}
.swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.swiper-banner-pagination .swiper-pagination-bullet::after {content: '';display: block;position: absolute;left:0;top: 0px;width:0;height: 2px;background: #0147a6;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;z-index: 10;}
.swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {-webkit-animation: w100 4000ms 1;animation: w100 4000ms 1;}

@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}

.declinein {position: absolute;left:3%;top: 20%;width: 15px;height: 63%;padding-bottom:50px; z-index: 55;}
.declinein i {width: 1px;height: 88%;position: absolute;left:50%;top: 0;margin-left:-0.5px; background: #fff;opacity: .2;display: block;}
.declinein span {position: absolute;left: -16px;bottom: 0; display: block;color: #fff;font-size: 12px;text-transform: uppercase;-ms-transform:rotate(90deg);-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);transform:rotate(90deg);}
.banner-slide{
	width: 100%;
	height: 100%;
}
.index-banner-swiper .img{
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.index-banner-swiper .img img{
    position: absolute;
    /*right: -6%;
    top: -6%;
    width: 112%!important;*/
   right: 0;
   top: 0;
   width: 100%;
    display: block;
    /*height: 106vh;*/
   height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1;
    cursor: pointer;
	-webkit-animation: moveleft 13s linear infinite;
    animation: moveleft 13s linear infinite; 
    max-width: 100%;
    
         
}

/*
@-webkit-keyframes moveleft {
	0%,
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(3%);
		transform: translateX(3%)
	}
}

@keyframes moveleft{
	0%,
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(3%);
		transform: translateX(3%)
	}
}*/
.inner-nav li{
	position: relative;
}
.inner-nav li ul.dropdown {
    top: 100%;
    left: 48%;
    width: 260px;
    padding: 15px 15px;
    position: absolute;
    margin-left: -130px;
    display: none;
    background: rgba(3,3,3,.8);
    /*-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px);
    background-color: rgba(2,10,34,.8);
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);*/
}
.inner-nav li ul.dropdown li {
   line-height: 40px;
   text-align: center;
   width: 100%;
}

.inner-nav li ul.dropdown li a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
     display: block;
    text-transform: capitalize;
}
.inner-nav li ul.dropdown li:hover>a {
    background: #f70401;
}
.product-details-section{ padding: 40px 0;}
.product{ padding:0; width: 100%; margin-top: 20px;}
.new-products-two .product{ padding: 10px 0; width: 40%;}
.new-products .product{ padding: 10px 0; width: 40%;}
.product-list{ padding: 0; margin: 0; overflow: hidden; margin-right:0%; margin-bottom: .5rem;}
.product-list li {
	width: 23.5%;
	float: left;
	margin: 0px 2% 20px 0;
}

.product-list li figure {
	background: none;
	/*height: 386px;
	width: 386px;*/
	display: block;
	line-height: normal;
	overflow: hidden;
	position: relative;
	border: 1px #cecece solid;
	margin: 0;
}
.product-list li:nth-child(4n){
	margin-right: 0;
}
.product-list li figure img {
	display: block;
	width: 100%;
	height: auto;
	transition: 424ms linear;
}

.product-list li figcaption {
	display: block;
	color: #333;
	font-size: 16px;
	line-height: normal;
	margin-top: 20px;
	transition: 350ms;
	text-align: center;
	font-weight: bold;
}



.picture-list{ padding: 0; margin: 0; overflow: hidden; margin-right:-2%; margin-bottom: .5rem;}
.picture-list li {
	width: 31.3%;
	float: left;
	margin: 0px 2% 20px 0;
	position: relative;
}

.picture-list li figure {
	background: none;
	/*height: 386px;
	width: 386px;*/
	display: block;
	line-height: normal;
	overflow: hidden;
	position: relative;
	border: 1px #cecece solid;
	margin: 0;
}
.picture-list li:nth-child(3n){
	margin-right: 0;
}
.picture-list li figure img {
	display: block;
	width: 100%;
	height: auto;
	transition: 424ms linear;
}

.picture-list li figcaption {
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: normal;
	margin-top: 20px;
	transition: 350ms;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.5);
	text-align: left;
	text-indent: 15px;
	padding: 10px 0;
}


.product-box .product-down {
	float: left;
}

.product-list li figure mark {
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: rgba(0, 117, 207, 0.2);
	background: #0147a6\9;
	filter: alpha(opacity=20);
	z-index: 20;
	opacity: 0;
	transform: skewX(45deg);
	visibility: hidden;
	transition: 360ms;
}

.product-list li figure mark b {
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -23px;
	margin-top: -23px;
	z-index: 30;
}

.product-list li figure mark b:before {
	content: "";
	width: 100%;
	height: 1px;
	background: #0147a6;
	position: absolute;
	left: 0;
	top: 23px;
	transform: translateX(-200px);
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
}

.product-list li figure mark b:after {
	content: "";
	width: 1px;
	height: 100%;
	background: #0147a6;
	position: absolute;
	left: 23px;
	top: 0;
	transform: translateY(-200px);
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
}

.product-list li figure mark:before {
	content: "";
	width: 100%;
	height: 0%;
	border-left: 3px solid #0147a6;
	border-right: 3px solid #0147a6;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}

.product-list li figure mark:after {
	content: "";
	width: 0%;
	height: 100%;
	border-top: 3px solid #0147a6;
	border-bottom: 3px solid #0147a6;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}

.product-list li:hover figure mark {
	opacity: 1;
	transform: skewX(0);
	visibility: visible;
}

.product-list li:hover figure mark:before {
	height: 100%;
	transition: 330ms 200ms;
}

.product-list li:hover figure mark:after {
	width: 100%;
	transition: 330ms 200ms;
}

.product-list li:hover figure img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}

.product-list li:hover figure mark b:before {
	transition: 355ms 180ms;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
}

.product-list li:hover figure mark b:after {
	transition: 355ms 240ms;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}

.product-list li:hover figcaption {
	color: #0147a6;
}
.z_skew{ transform: skew(0, -2.4deg) ; -webkit-transform: skew(0, -2.4deg); -moz-transform: skew(0, -2.4deg); -o-transform: skew(0, -2.4deg); z-index: 1; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transform-origin: left top;}
.z_skew2{  margin: auto;position: relative; z-index: 20;} 

/*关于我们*/
.about_jj{ padding: 110px 0; position: relative; color: #fff;}
.about_jj .index_tit{ margin-bottom: 50px;}
.index_tit3 h3{ font-size: 40px;}

.jj_text{ width:46%; line-height: 30px;}
.jj_text p{ margin-bottom: 30px;}

.about_ln{ position: relative; padding: 100px 0; height:950px; background: url(../images/index10/1528122534.jpg); background-size:cover ;}
.cir_box{ position: relative; margin-top: 70px;}
.cir_item .cir{ width: 240px; height: 240px; border-radius: 50%; position: absolute; display: flex; align-items: center; justify-content: center; color: #fff; flex-wrap:wrap;transition: all .8s;}
.cir_item .cir_info { width: 480px; height: 100px; }
.cir_item .textbox { width: 300px; padding: 6px 0; font-size: 15px; position: relative;line-height: 30px; }
.cir_item1 .textbox { float: right;  } 
.cir_item1 .cir_info { background: url(../images/index10/cir1.png) no-repeat center; background-size: 100% 100%; box-sizing: border-box;  } 
.cir_item .textbox:before { content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; position: absolute; left: -20px; top: 18px; }
.cir_item .textbox:before { background: #15499a; } 
.cir_item2 .cir_info { background: url(../images/index10/cir2.png) no-repeat center; background-size: 100% 100%; box-sizing: border-box;  } 
.cir_item2 .cir_info .textbox{ padding-left: 20px;}
.cir_item2 .cir_info .textbox:before { content: ""; display: block; width: 8px; height: 8px; background: #0bb8b6; border-radius: 50%; position: absolute; left: 0px; top: 16px;  }
.cir_item3 .cir_info { background: url(../images/index10/cir3.png) no-repeat center; background-size: 100% 100%; box-sizing: border-box; display: flex; align-items: flex-end; justify-content: flex-end; } 
.cir_item3 .textbox{ float: right; }
/*.cir_item .cir:after{ content: ""; display: block; width: 100%; height: 100%; border: 20px dashed #0E5EAB; position: absolute; left: 0; top: 0; border-radius: 50%; box-sizing: border-box;}
.cir_item .cir:hover{ z-index: 9; padding: 20px; box-sizing: border-box; }*/
.cir_item .cir:before{ content: ""; display: block;border-radius: 50%;}
.cir_item1 .cir{ background: rgba(21,73,154,.8); position: absolute; left: 50%; top: 0; margin-left: -120px;}
.cir_item1 .cir:before{ width: 70px; height: 70px; background: rgba(21,73,154,.8);  position: absolute; left: 250px; bottom: 60px;transition: all .8s;}
/*.cir_item1 .cir_info{ position: absolute;right: 60px; top: 10px; border-top: 1px solid #8aa4cc; line-height: 30px; width: 330px; }
.cir_item1 .cir_info:before{    content: ""; display: block; width: 150px; height: 1px; background: #8AA4CC; position: absolute; left: -136px; top: 40px; transform: rotate(-35deg);}*/
.cir_item1 .cir_info{ position: absolute; right: 50px; top: -50px;}
.cir_item2 .cir{ background: rgba(11,184,182,.8); position: absolute; left: 32%;top: 180px; }
.cir_item2 .cir:before{background: rgba(11,184,182,.8); width: 20px; height: 20px; position: absolute; left: 70px; top: -30px;}
.cir_item2 .cir_info{ position: absolute; left: 0; top: 130px;}
.cir_item3 .cir{ background: rgba(0,143,215,.8); position: absolute; right: 32%;top: 180px;}
.cir_item3 .cir:before{background: rgba(0,143,215,.8); width:40px; height: 40px;     position: absolute; left: -6px; bottom: -20px;}
.cir_item .cir h3{ font-size: 24px; text-align: center; color: #fff;}
.cir_item .cir h3 span{ display: block; font-size: 14px;}
.cir_item3 .cir_info{ position: absolute; right: 0;top: 380px; }
/*.cir_item .cir_info{ transition: all .8s; opacity: 0; transform: scale(0,0);}
.cir_item .cir_info.on{ opacity: 1;transform: scale(1,1);}*/

.process{ position: relative; padding: 100px 0;}
.process .index_tit{ color: #fff;}
.process .z_skew:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(21,73,154,.8);position: absolute; left: 0; top: 0;}
.process_box{ position: relative; margin-top: 60px;}
.process_box .swiper-slide{  color: #fff; padding-right: 50px; box-sizing: border-box; position: relative;}
.process_box .swiper-slide:before{ content: ""; display: block; width: 100%; height: 22px; background: url(../img/line.png) no-repeat left center; background-size: 100% 100%; position: absolute; left: 0; top: 0;}
.process_box .swiper-slide:after{content: ""; display: block; width:0%; height: 22px; background: url(../img/line2.png) no-repeat left center; background-size: 100% 100%; position: absolute; left: 0; top: 0; transition: all .8s;}
.process_box .swiper-slide:hover:after{ width: 100%;}
.process_box .swiper-slide:hover .process_year{ color: #f4ae00;}
.process_box .process_year{ font-size: 50px; font-weight: bold; transition: all .8s; margin: 30px 0; margin-top: 50px;}
.process_li li{ margin-bottom: 10px; line-height: 26px; position: relative; padding-left: 15px;}
.process_li li:before{ content: ""; display: block; width: 8px; height: 8px; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 10px;}
.process_box .btn{ border: 1px solid #fff; width: 56px; height: 56px; border-radius: 50%; text-align: center; line-height: 56px; opacity: .8; cursor: pointer; transition: all .6s;}
.process_box .btn:hover{ opacity: 1; background: #f4ae00; border: 1px solid #f4ae00;}
.process_box .btn img{ vertical-align: middle;}
.process_box .arrow-left{ position: absolute; left: -115px; top: 50%; transform: -50%;}
.process_box .arrow-right{ position: absolute; right: -115px; top: 50%; transform: -50%;}
.honer{ position: relative; padding-bottom: 100px; padding-top: 30px;}
.honer .index_tit{ margin-bottom: 40px;}
.honer_box .swiper-slide{ position: relative;  }
.honer_box .swiper-slide img{ width: 100%; height: 100%;}
.honer_box .swiper-slide h3{ position: absolute; width: 100%; left: 0; bottom: 0; height: 100px; line-height: 100px; text-align: center; color:#fff; background: url(../img/tit_bg.png) no-repeat center; background-size: 100% 100%; opacity: 0;transition: all .8s;}
.honer_box .swiper-slide:hover h3{ opacity: 1;}
.honer_box .swiper-pagination{ bottom: 10px!important;}
.honer_box .swiper-pagination span{ width: 15px; height: 15px; background: #fff; border-radius: 50%; border: 1px solid #6dc2ec; box-sizing: border-box;}
.honer_box .swiper-pagination-bullet-active{ background:#15499a!important; border-color: #15499a!important;}
/*点击荣誉图片放大样式*/
#zoom{z-index:99990;position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"}#zoom .content{z-index:99991;position:absolute;top:50%;left:50%;width:200px;height:200px;background:#ffffff no-repeat 50% 50%;padding:0;margin:-100px 0 0 -100px;box-shadow:-20px 20px 20px rgba(0, 0, 0, 0.3)}#zoom .content.loading{background-image:url("../img/loading.gif")}#zoom .content .overlay{position:absolute;border:1px solid rgba(255, 255, 255, .08);top:-1px;left:-1px;width:100%;height:100%;-webkit-user-select:none}#zoom img{display:block;max-width:none;background:#ececec;box-shadow:0 1px 3px rgba(0,0,0,0.25)}#zoom .close{z-index:99993;position:absolute;top:0;right:0;width:49px;height:49px;cursor:pointer;background:transparent url("../img/close.png") no-repeat 50% 50%;opacity:1;filter: alpha(opacity=100)}#zoom .next,#zoom .previous{z-index:99992;position:absolute;top:50%;overflow:hidden;display:block;width:49px;height:49px;margin-top:-25px}#zoom .previous{left:0;background:url("../img/arrows.png") no-repeat 0 0}#zoom .next{right:0;background:url("../img/arrows.png") no-repeat 100% 0}#zoom .close:hover{background-color:#da4f49}#zoom .next:hover,#zoom .previous:hover{background-color:#0088cc}
.about_bottm{ position: relative; height: auto;}
.about_bottm .z_skew{ }
.about_bottm .left,.about_bottm .right{ width: 50%;float: left; position: relative; height: 400px;overflow: hidden; display: flex; justify-content: center;align-items: center; color: #fff;}
.about_bottm  img{ width: 100%; height: 100%; position: absolute; left: 0; top:0;z-index: -1; transition: all 1s;}
.about_bottm .con{transform:  skew(0, 2.4deg);color:#fff;}
.about_bottm .index_tit{font-size: 22px; margin-bottom: 40px;}
.about_bottm .index_tit h3{ font-size: 34px; margin-bottom: 0;} 
.about_bottm .left:hover img,.about_bottm .right:hover img{transform: scale(1.1,1.1);}
.probox{ position: relative;height: 540px;}
.probox .z_skew{ background: #0147a6; height: 540px;}
.probox:nth-child(2) .z_skew{ background:#008fd7;}
.probox:nth-child(3) .z_skew{ background:#0147a6;}
.probox .imgbox{ width: 50%;}
.probox .info,.probox .imgbox{height: 540px; overflow: hidden;}
.probox .imgbox  .img{width:100%; height: 540px;/*transform:scale(1.1); transition:ease 3s;*/ background-repeat:no-repeat; background-position:center center; background-size:cover;}
/*.probox .imgbox:hover .img{ transform: scale(1);}*/
.probox .info{ display: flex; align-items: center;}
.probox .info_desc{ width: 43%;  transform:  skew(0, 2.4deg); color: #fff;}
.probox .info_desc h3{font-size: 26px; color: #fff;} 
.probox .info_desc h3 span{ display: block; font-size: 30px; font-family: "en";/*white-space:nowrap;*/margin-bottom: 10px; color: #f70401;}
.probox .info_desc p{ margin: 40px 0; line-height: 30px;}
.probox:hover .Vbtn-1 rect { stroke-width: 5; stroke-dasharray: 15, 310; stroke-dashoffset: 48; -webkit-transition: all 1.35s cubic-bezier(.19, 1, .22, 1); transition: all 1.35s cubic-bezier(.19, 1, .22, 1) }
.probox:nth-child(odd) .info{justify-content: flex-start;}
.probox:nth-child(even) .info{ justify-content: flex-end;}
.probox:nth-child(odd) .imgbox{ float: right; position: absolute; right: 0; top: 0;}
.probox:nth-child(even) .imgbox{ float: left; position: absolute; left: 0;top: 0;}
/*.probox:nth-child(odd) .info_desc{  margin-left: auto; margin-right: 9%; }
.probox:nth-child(even) .info_desc{  margin-right: auto; margin-left: 9%; }*/
.z_seemore{ display: block; width: 160px; height: 45px; text-align: center;color: #fff;line-height: 45px; font-weight: bold; position: relative;}
.z_seemore .iconfont{ margin-left: 20px;}
.Vbtn-1 { background: 0 0; text-align: center; float: left }
.Vbtn-1 svg { height: 45px; left: 0; position: absolute; top: 0; width: 100% }
.Vbtn-1 rect { fill: none; stroke: #fff; stroke-width: 3; stroke-dasharray: 422, 0; transition: all 450ms linear 0s }
.Vbtn-1:hover { background: transparent; font-weight: 900; letter-spacing: 1px; transition: all 150ms linear 0s }
.Vbtn-1:hover rect,.index_tec:hover .Vbtn-1 rect { color: #fff; stroke-width: 5; stroke-dasharray: 15, 310; stroke-dashoffset: 48; -webkit-transition: all 1.35s cubic-bezier(.19, 1, .22, 1); transition: all 1.35s cubic-bezier(.19, 1, .22, 1) }
.z_seemore:hover {color: #fff;}
.other_banner{ background-attachment: fixed; height: 500px; position: relative; display: flex; align-items: center;}
.other_banner:before{ content: ""; display: block; width: 43%; height: 100%;
background: rgba(0,39,154,1);
    background: -moz-linear-gradient(left,rgba(0,39,154,1) 0%,rgba(0,39,154,0) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(0,39,154,1)),color-stop(100%,rgba(0,39,154,0)));
    background: -webkit-linear-gradient(left,rgba(0,39,154,1) 0%,rgba(0,39,154,0) 100%);
    background: -o-linear-gradient(left,rgba(0,39,154,1) 0%,rgba(0,39,154,0) 100%);
    background: -ms-linear-gradient(left,rgba(0,39,154,1) 0%,rgba(0,39,154,0) 100%);
    background: linear-gradient(to right,rgba(0,39,154,1) 0%,rgba(0,39,154,0) 100%);
  background-size: 100% 100%; position: absolute; left: 0; top: 0;}
@-webkit-keyframes bannergo {
  0% {
    left: 0%;
    opacity: 1;
  }

  100% {
    left: 63%;
    opacity: 1;
  }
}
@keyframes bannergo {
  0% {
    left: 100%;
    opacity: 1;
  }
  
  100% {
    left: 0%;
    opacity: 1;
  }
}
.other_tit{ color: #fff; z-index: 2; width: 75%; margin: 0 auto;}
.banner_icon{  font-size: 16px; border-bottom: 1px solid #fff; width: 130px; padding-bottom: 10px; margin-top: 50px;}
.sb{ display: inline-block; width: 20px; height: 40px; background: url(../images/index10/sb.png) no-repeat center; margin-right: 20px; vertical-align: middle;  animation: myfirst 2s infinite;}
 @keyframes myfirst { 0% { transform: translate(0px, 0px); } 50% { transform: translate(0px, -10px); } 100% { transform: translate(0px, 0px);} }
.other_banner h3{ font-family: 'Barlow Condensed', sans-serif; font-size: 60px; color: #f70401;}   
@media screen and (max-width:1660px){
	.inner-nav{ width: 800px;  right: 15%;}
	
}
@media screen and (max-width:1440px){
	.inner-nav{ width: 600px;  right: 18%;}
	
}
@media screen and (max-width:1280px){
	.inner-nav{ width: 550px;  right: 13%;}
	
}
@media screen and (max-width:800px) {
	header .nav-brand a img{ width: 90%;}
	.header .col-lg-12{ padding: 0;}
.navbar{ padding: 0;}
.xiaoshi,.selectLanguage{ display: none;}
.abt_pic{ display: none;}	
.abt_info{ width: 100%;}
.indexpro_list .img{ height: auto;}
.index_tec{ height: auto; padding: 30px 0; padding-bottom: 80px;}
.tec_info{ width: 100%; margin: 20px 0;}
.index_tec .z_skew:before{ width: 100%;}
.index_pro,.index_news,.index_join{ padding: 30px 0;}
.index_tit h3{ font-size: 18px; margin-bottom: 0;}
.index_tit{ font-size: 18px;}
.cir_item .cir{ width: 140px; height: 140px;}
.about_ln{ height: auto;}
.cir_box{ height: 300px;}
.cir_item1 .cir { margin-left: -70px;}
.cir_item2 .cir,.cir_item3 .cir { top: 100px;}
.cir_item .cir_info{ display: none;}
.other_banner{ height: auto;}
.other_tit{ padding: 30px; box-sizing: border-box; margin-top: 50px;}
.other_banner:before{ width: 60%;}
/*.page_nav { line-height: 50px; height: 50px; overflow: hidden; min-width: 100vw;text-align: left; margin-bottom: 20px; }
.page_nav li{ padding: 0 20px; margin-bottom: 0;}
.page_nav li.cur{ background: none;}
.page_nav li.cur a{ color: #1157A6;}*/
.dy_banner{ height: 200px;}
.dy_banner .dy_mask{ width: 100%;}
.dy_moddle{ padding: 20px;}
.other_psge2{ padding: 30px 0;}
.other_banner {
    height: 300px;
}
.index_tit{ text-align: center;}
}
@media screen and (max-width: 420px){
	.jj_text{ width: 94%; line-height: 24px;}
	.about_jj,.about_ln,.process,.service_con{padding: 30px 0;}
.about_jj .index_tit{ margin-bottom: 30px;}
.cir_item2 .cir{ left: 11%;}
.cir_item3 .cir{ right: 11%;}
.cir_item1 .cir:before { left: 150px;}
.process_box .swiper-container{ width: 80%;}
.process_box .btn{ width: 30px; height: 30px; line-height: 30px;}
.process_box .btn img{ max-height: 80%;}
.process_box .arrow-right{ right: 0;}
.process_box .arrow-left{ left: 0;}
.process_box .swiper-slide{ padding-right: 0;}
.process_box{ margin-top: 30px;}
.process_box .process_year{ font-size: 30px; margin: 20px 0;    margin-top: 40px;}
.honer_box .swiper-slide{ height: auto;}
.honer,.service_ln{ padding-bottom: 30px;}
.honer_box .swiper-slide{ margin-bottom: 30px;}
.honer_box .swiper-pagination span{ width: 10px; height: 10px;}
.about_bottm .left, .about_bottm .right{ width: 100%; height: 100%; height: auto;justify-content: flex-start;}
.about_bottm{ }
.about_bottm .con{ padding: 30px 20px;box-sizing: border-box; text-align: left;}
.about_bottm .index_tit{ font-size: 16px;}
.about_bottm .index_tit h3{ font-size: 20px;}
.probox .info, .probox .imgbox{ width: 100%;}
.probox:nth-child(odd) .info_desc,.probox:nth-child(even) .info_desc{ width: 100%; margin: 0; padding: 20px; box-sizing: border-box;}
.probox .info_desc h3 span{ font-size: 20px;}
.probox .info_desc h3{ font-size: 16px;}
.probox .info_desc p{ margin: 20px 0; line-height: 20px;}
.probox .z_skew{ height: 340px;}
.probox .info, .probox .imgbox{ height: auto;}
.probox .imgbox .img{ height: 200px;}
.probox{ height: 400px;}
.pro_nav{ padding-bottom: 80px;}
.probox:nth-child(odd) .imgbox, .probox:nth-child(even) .imgbox {
    position: relative;
}
.other_banner {
    background-size: cover!important;
    background-attachment: initial!important;
}
}

.relative {position: relative;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.section {background-position: center;background-repeat: no-repeat;background-size: cover;clear: both;overflow: hidden;}
.page-banner {position: relative;background: #000; height: 500px;}
.page-banner .text {position: absolute;left: 12.5%;top:0;height: 100%;z-index: 1;}
.page-banner .text h5{font-size: 16px;color: #f70401;margin: 0;text-transform: uppercase;margin-top:80px;}
.page-banner .text h3{font-size: 60px;color: #fff;margin: 2px 0;text-transform: uppercase;margin-top:50px;opacity: .1;}
.page-banner .text h2{font-size: 40px;color: #fff;margin: 2px 0;text-transform: uppercase;}
.page-banner .text .line {width: 80px;height: 4px;background: #f70401;margin: 15px 0;}
.page-banner .text h6 {font-size: 16px;color: #fff;opacity: .6;margin: 15px 0;width: 80%;line-height: 26px;}
.page-banner .img{background-position: center;background-repeat: no-repeat;background-size: auto; height: 500px;}
.page-banner .img img{display: block;width: 100%;height: auto;opacity: 0;}
.section .content {
	width: 75%;
    margin: auto;
}

.Contact-our-team {padding: 100px 0 100px 0;overflow: hidden;}
.Contact-our-team .left{width: 45%; float: left;}
.Contact-our-team .left .title-style h5{color: #999;font-size: 16px;margin: 0;}
.Contact-our-team .left .title-style h2{margin: 0px 0 20px 0;}
.Contact-our-team .left .text{font-size: 16px;line-height: 26px;color: #999999;padding: 20px 0;overflow: hidden;}
.Contact-our-team .left .item2{border-top: 1px solid #e6e6e7;border-bottom: 1px solid #e6e6e7;padding: 30px 0 20px 0;overflow: hidden;}
.Contact-our-team .left .item2 li {width: 50%;float: left;list-style: none;}
.Contact-our-team .left .item2 h3{font-size: 14px;margin: 0;color: #999999;font-weight: normal;}
.Contact-our-team .left .item2 h4{font-size: 20px;margin: 5px 0;color: #1a1a1a;font-weight: normal;}	
.Contact-our-team .left .item2 h4 a{ color: #0147a6;}					
.Contact-our-team .left .annotation {font-size: 12px;line-height: 20px;color: #999999;padding: 20px 0;overflow: hidden;}
.Contact-our-team .right{width: 48%; float: right;}
.content-way a{ color: #0147a6;}
.contact-bottom {position: relative;overflow: hidden;}
.contact-bottom .left{width: 50%;}
.contact-bottom .left .map{overflow: hidden;position: relative; padding-top: 60px;}
.contact-bottom .left .map img{display: block;}
.contact-bottom .left .map iframe{border: none;margin: 0;padding: 0;margin-top: -50px;}
.contact-bottom .right{width: 35%;position: absolute;height: 100%;right: 10%;top: 0;}
.contact-bottom .right .name{border-bottom: 4px solid #000;padding-bottom:20px;}
.contact-bottom .right .name h4{font-size: 20px;color: #0147a6;margin: 0;text-transform: uppercase;}
.contact-bottom .right .name h2{font-size: 40px;color: #1a1a1a;margin: 0;text-transform: uppercase;}
.contact-bottom .right .content-way{}
.contact-bottom .right .content-way .item {border-bottom: 1px solid #dcdcde;overflow: hidden;padding:30px 0;}
.contact-bottom .right .content-way .item.item2 li{float: left;width: 45%;margin-right: 5%;}
.contact-bottom .right .content-way .item.item2 li::after{content: '';display: block;width: 1px;height: 100%;background:#dedfe4;position: absolute;right:10%;top: 0;}
.contact-bottom .right .content-way .item.item2 li:last-child::after {display: none;}
.contact-bottom .right .content-way .item.item2 li:last-child {width: 45%;margin-right:0;}
.contact-bottom .right .content-way .item.item2 li:first-child {width: 50%;}
.contact-bottom .right .content-way li{list-style: none;position: relative;}
.contact-bottom .right .content-way li i{width: 38px;height: 38px;border: 2px solid #1a1a1a;border-radius: 100%;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;}
.contact-bottom .right .content-way li i.c1 {background: url("../images/c4.png") center no-repeat;}
.contact-bottom .right .content-way li i.c2 {background: url("../images/c1.png") center no-repeat;}
.contact-bottom .right .content-way li i.c3 {background: url("../images/c2.png") center no-repeat;}
.contact-bottom .right .content-way li i.c4 {background: url("../images/c3.png") center no-repeat;}
.contact-bottom .right .content-way li span{display: inline-block;vertical-align: middle;}
.contact-bottom .right .content-way li h6{font-size: 14px;color: #999999;font-weight: normal;margin: 0;}
.contact-bottom .right .content-way li h5{font-size: 14px;color: #1a1a1a;margin: 5px 0 0 0;}
.content-ewm {font-size: 14px;line-height: 28px; color: #999;padding-top: 30px;}
.title-style h2 {
    text-transform: uppercase;
    font-size: 42px;
    line-height: 60px;
    margin: 8px 0 20px 0;
    color: #1a1a1a;
}
.title-style .line {
    width: 80px;
    height: 4px;
    background: #0147a6;
    margin: 10px 0;
}
.contact-section {padding: 120px 0;overflow: hidden;}
.contact-section .title-style{text-align: center;}
.contact-section .title-style h2{}
.contact-section .title-style .line{margin: 10px auto;}
.contact-section .title-style .text{width: 50%;margin:20px auto;font-size: 16px;color: #666;line-height: 26px;}
.contact-section .content  {overflow: hidden;padding: 50px 0 0 0;}
.contact-section .content .left {width: 45%;}
.contact-section .content .left .content-way{overflow: hidden;}
.contact-section .content .left .content-way li{list-style: none;float: left;width: 33%;margin-bottom: 20px;position: relative;}
.contact-section .content .left .content-way li::after{content: '';display: block;width: 1px;height: 100%;background:#e7e8eb;position: absolute;right:10%;top: 0;}
.contact-section .content .left .content-way li:nth-child(3)::after,.contact-section .content .left .content-way li:last-child::after {display: none;}
.contact-section .content .left .content-way li i{width: 38px;height: 38px;border: 2px solid #1a1a1a;border-radius: 100%;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;opacity: .7;}
.contact-section .content .left .content-way li:last-child {width: 99%;}
.contact-section .content .left .content-way li i.c1 {background: url("../images/c1.png") center no-repeat;}
.contact-section .content .left .content-way li i.c2 {background: url("../images/c2.png") center no-repeat;}
.contact-section .content .left .content-way li i.c3 {background: url("../images/c3.png") center no-repeat;}
.contact-section .content .left .content-way li i.c4 {background: url("../images/c4.png") center no-repeat;}
.contact-section .content .left .content-way li span{display: inline-block;vertical-align: middle;}
.contact-section .content .left .content-way li span h6{font-size: 14px;color: #999999;font-weight: normal;margin: 0;}
.contact-section .content .left .content-way li span h5{font-size: 14px;color: #666;margin: 5px 0 0 0;}
.contact-section .content .left .content-way li span h5 a {color: #666;}
.contact-section .content .left .content-way li:nth-child(3) span h5 a{color: #f70401;}
.contact-section .content .left .content-way li:nth-child(3) i {border: 2px solid #f70401;opacity: 1;}
.contact-section .content .left .content-way li:nth-child(3) i.c3 {background: url("../images/c31.png") center no-repeat;}
.contact-section .content .left .content-way li:hover span h5{color: #f70401;}
.contact-section .content .left .content-map {clear: both;margin-top: 10px;overflow: hidden;width: 100%;position: relative;background: #f1f1f1;}
.contact-section .content .left .content-map #map {min-height: 205px;}
.contact-section .content .left .content-map iframe {border: none;margin: 0;padding: 0;margin-top: -50px;}
.contact-section .content .left .content-map iframe #watermark {display: none;}
.contact-section .content .left .content-text {font-size: 12px;line-height: 20px;color: #999999;padding: 20px 0;}
.contact-section .content .right {width: 47%;}
.content-form {overflow: hidden;}
.content-form li{list-style: none;margin: 0 0 10px 0;padding: 0;font-size: 0;}
.content-form li .input2 {border: 1px solid #ededed;background: #f5f5f7;padding: 10px 20px;width:50%;height:60px;font-size: 14px;font-weight: normal;box-sizing: border-box;}
.content-form li .input2:first-child {margin-right: 1%;width:49%;}
.content-form li .textarea1 {width:100%;height:130px;font-size: 14px;border: 1px solid #ededed;background: #f5f5f7;padding: 20px 20px;box-sizing: border-box;}
.content-form li .submit1 {background: #0147a6;color: #fff;font-size: 14px;width: 100%;height:58px;cursor: pointer; border: 0;}
.content-form li .submit1:hover {background: #f70401;}

.interesting-list {overflow: hidden;padding:100px 0;}
.interesting-list  a{width: 32.6666%;float: left;background: #f7f7f7;margin-right: 1%;margin-bottom: 1%;display: block;position: relative;overflow: hidden;}
.interesting-list  a:nth-child(3n) {margin-right: 0;}
.interesting-list  a .text{position: relative;bottom: auto;width: 100%;padding:20px;left:auto;color: #000000; background: #fff;}
.interesting-list  a .text h3{margin: 0;font-size: 18px;line-height: 26px;margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.interesting-list  a .text h6{margin: 0;font-size: 16px;color: #999999;font-weight: normal;}
.interesting-list  a .img {position: relative;overflow: hidden;}
.interesting-list  a .img img {display: block;width: 100%;height: auto;z-index: 13;position: relative;}
.interesting-list  a .img img.img-center {position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 33;margin: auto;width: auto;height: auto;}
.interesting-list  a:hover .img img.img-center {opacity: .5;transform: scale(1.1);}

.turnpage {font-size: 0;}
.turnpage a{display: inline-block;padding:0px 20px;height: 41px;line-height: 41px; text-align: center;color: #b3b3b3;font-size: 0px;border: 1px solid #ededed;}
.turnpage a i{width: 18px;height: 10px;opacity: .3; display: inline-block;vertical-align: middle;margin: 0 5px;}
.turnpage a.prev i{background: url("../../product/images/left3.png");}
.turnpage a.next i{background: url("../../product/images/right3.png");}
.turnpage a span{display: inline-block;vertical-align: middle;font-size: 14px;}
.turnpage a.cur{background: #f70401;border: 1px solid #f70401;color: #fff;}
.turnpage a:hover {background: #f70401;border: 1px solid #f70401;}
.turnpage a:hover span {color: #fff;}
.turnpage a.prev:hover i{background: url("../../product/images/left4.png");opacity: 1;}
.turnpage a.next:hover i{background: url("../../product/images/right4.png");opacity: 1;}


.page-path {background: #f7f7f7;}
.page-path .content {font-family: "宋体",Arial;padding:15px 0;color: #999;}
.page-path a{font-size: 12px;color: #999999;}
.page-path a:hover {color: #000;}

.interesting-detail {width: 80%;margin: auto;padding: 100px 0;overflow: hidden;}
.interesting-detail-title {position: relative;padding-bottom: 15px;overflow: hidden;}
.interesting-detail-title h5{font-weight: normal;font-size: 16px;color: #f70401;margin: 0;}
.interesting-detail-title h1{font-size: 30px;color: #000000;margin:10px 0;}
.interesting-detail-title::before,.interesting-detail-title::after {content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: #e5e5e5;}
.interesting-detail-title::before {width: 140px;background: #f70401;z-index: 3;}
.interesting-detail-text {padding: 30px 0;overflow: hidden;color: #585858;line-height: 30px;font-size: 16px;}
.interesting-detail-turnpage {overflow: hidden;border-top: 2px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;position: relative;margin-top: 30px;}
.interesting-detail-turnpage a {display: block;width: 40%;font-size: 0;padding:25px 0;overflow: hidden;}
.interesting-detail-turnpage a i{display: inline-block;vertical-align: middle;width: 18px;height: 10px;margin: 0 5px;opacity: .3;}
.interesting-detail-turnpage a span{display: inline-block;vertical-align: middle;font-size: 14px;color: #666;text-transform: uppercase;font-weight: bold;}
.interesting-detail-turnpage a.prev{float: left;}
.interesting-detail-turnpage a.prev i {background: url("../../product/images/left3.png");}
.interesting-detail-turnpage a.return{position: absolute;width: 100px;text-align: center;left: 50%;margin-left: -50px;top: 50%;margin-top: -34px;}
.interesting-detail-turnpage a.next{float: right;text-align: right;}
.interesting-detail-turnpage a.next i {background: url("../../product/images/right3.png");}
.interesting-detail-turnpage a:hover span {color: #f70401;}
.interesting-other {padding: 100px 0;overflow: hidden;}
.interesting-other .title-style {text-align: center;}
.interesting-other .title-style h2 {margin: 0;}
.interesting-other .title-style h5 {margin: 0;font-size: 16px;color: #999;} 
.interesting-other .interesting-list  a .text {background: #fff;}
a{
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}


.about-sinexcel {position: relative;}
.about-sinexcel .text{position: absolute;width: 100%;height: 100%;}
.about-sinexcel .text .title-style{text-align: center;}
.about-sinexcel .text .title-style h4{font-size: 16px;padding-bottom: 10px;}
.about-sinexcel .text .title-style h2{color: #fff;font-size: 50px;line-height: 76px;}
.about-sinexcel .scroll-down {position: absolute;bottom: 0;left: 50%;margin-left: -70px;width: 140px;text-align: center;}
.about-sinexcel .scroll-down span{font-size: 12px;color: #fff;display: block;margin: auto;}
.about-sinexcel .scroll-down i{height:40px;width: 1px;display: block;margin:10px auto auto;background: #fff;opacity: .5;}
.about-sinexcel .img{}
.about-sinexcel .img img{display: block;width: 100%;}
 
.about-ours {position: relative;}
.about-ours .absolute{position: absolute;height: 100%;width: 80%;left: 10%;}
.about-ours .left{width:40%;margin-left: 5%; float: left;}
.about-ours .left .title-style h5{font-size: 16px;line-height: 24px;color: #999999;}
.about-ours .left .title-style h2 {margin: 0px 0 20px 0;}
.about-ours .left .text{font-size: 16px;color: #666;line-height: 28px;margin-top: 20px;}
.about-ours .left .text .item3{margin-top: 40px;}
.about-ours .left .text .item3 li {width: 20%; text-align:center;font-size: 14px;line-height: 24px;color: #999999;list-style: none;display: inline-block;vertical-align: top;position: relative; padding: 0; margin: 0;}
.about-ours .left .text .item3 li h3{font-size: 36px;line-height: 26px;color: #0147a6;margin: 10px 0;}
.about-ours .left .text .item3 li span {color: #666;font-size: 16px;}
.about-ours .left .text .item3 li:first-child {padding-left:0px;}
.about-ours .left .text .item3 li::after {content: '';display: block;width: 1px;height: 100%;background: #ccc;position: absolute;right: 0;top: 0;opacity: .5;}
.about-ours .left .text .item3 li:last-child::after {display: none;}
.about-ours .right{width:45%;position: relative;text-align: center; float: right;}
.about-ours .right .slogo{width: 465px;height: 110px;position: absolute;left: 50%;top:40%;margin-left: -232.5px;text-align: center; animation: icons 4s linear infinite;-webkit-animation:icons 4s linear infinite}
.about-ours .right .slogo img{display: inline-block;}
.about-ours .img img{display: block;width: 100%;}

@-webkit-keyframes icons { 0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(0,1em);transform: translate(0,1em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}}
@keyframes icons {0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(0,1em);transform: translate(0,1em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}} 


.about-company-qualification {position: relative;}
.about-company-qualification .main {width: 550px;height: 100%;position: absolute;top: 0;right:15%;z-index: 10;}
.about-company-qualification .main .title {color: #fff;}
.about-company-qualification .main .title h4{font-size: 40px;margin: 0; color: #fff;}
.about-company-qualification .main .title .line{width: 80px;height: 4px;background: #0147a6;margin: 25px 0;}
.about-company-qualification .main .text {font-size: 16px;line-height: 28px;color: #b9b9b9; height: 280px; overflow-y: auto; text-indent: 24px;}
.about-company-qualification .main .text::-webkit-scrollbar{width:5px;height:5px;}
.about-company-qualification .main .text::-webkit-scrollbar-button:vertical{display:none}
.about-company-qualification .main .text::-webkit-scrollbar-track:vertical{background-color:black}
.about-company-qualification .main .text::-webkit-scrollbar-track-piece{background:#E3E3E3}
.about-company-qualification .main .text::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
.about-company-qualification .main .text::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
.about-company-qualification .main .text::-webkit-scrollbar-corner:vertical{background-color:#535353}
.about-company-qualification .main .text::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

.about-company-qualification .main .date3 li span {padding:0;color: #b9b9b9;}
.about-company-qualification .img img{width: 100%;}
.about-ours .left .text{ text-align: justify; height: 450px; overflow-y:auto ; padding-right: 30px;}
.about-ours .left .text::-webkit-scrollbar{width:5px;height:5px;}
.about-ours .left .text::-webkit-scrollbar-button:vertical{display:none}
.about-ours .left .text::-webkit-scrollbar-track:vertical{background-color:black}
.about-ours .left .text::-webkit-scrollbar-track-piece{background:#E3E3E3}
.about-ours .left .text::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
.about-ours .left .text::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
.about-ours .left .text::-webkit-scrollbar-corner:vertical{background-color:#535353}
.about-ours .left .text::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
.core-competence {position: relative;}
.core-competence .absolute{position: absolute;height: 100%;width: 90%;left: 5%;text-align: center;}

.core-competence .absolute .title-style h5{color: 999999;font-size: 16px;}
.core-competence .absolute .item3{margin-top: 120px;}
.core-competence .absolute .item3 .item{display: inline-block;vertical-align: top;width: 25%;position: relative;padding: 0;}
.core-competence .absolute .item3 .item::after {display:block; content: '';position: absolute;width: 1px;height: 100%;background: #3a3838;top: 0;right: 0;}
.core-competence .absolute .item3 .item:last-child::after {display: none;}
.core-competence .absolute .item3 .item i{display: inline-block;}
.core-competence .absolute .item3 .item h3{font-size: 18px;color: #1a1a1a;margin: 20px 0;}
.core-competence .absolute .item3 .item h5{width: 80%; padding-top:30px; font-size: 14px;line-height: 22px;opacity: .6;font-weight: normal;color: #1a1a1a;margin: 0 auto;min-height: 100px;}
.core-competence .img img{display: block;width: 100%;}

.company-culture {position: relative;}
.company-culture .absolute{position: absolute;height: 100%;width:100%;text-align: center;z-index: 10;}
.company-culture .absolute .title-style {margin-top: 100px;}
.company-culture .absolute .title-style h2{color: #fff;margin: 0;}
.company-culture .absolute .title-style h5{color: 999999;font-size: 16px;}
.company-culture .absolute .img {position: relative;height: 690px;}
.company-culture .absolute .img img{display: inline-block;width:auto;}
.company-culture .img.bg-black {background: #000;}
.company-culture .img.bg-black img.pcshow{animation: fadeintm 1000ms linear infinite;}
.company-culture .img img{display: block;width: 100%;}
.company-culture .slogoimg {width: 280px;height: 60px;position: absolute;top: 50%;left: 50%;margin: -50px 0 0 -140px;-webkit-animation:fudong1 4s linear infinite;animation: fudong1 4s linear infinite;}
.company-culture .absolute .item {width: 410px;height: 205px;position: absolute;}
.company-culture .absolute .item .pcontent {position: relative;width:100%;height: 100%;overflow: hidden;}
.company-culture .absolute .item .text1{text-align: left;width: 310px;position: absolute;top: 10%;left:20%;z-index: 5;}
.company-culture .absolute .item .text1 h3{font-size: 20px;color: #fff; padding: 20px 0;}
.company-culture .absolute .item .text1 h6{margin: 0;font-weight: normal;font-size: 16px;line-height: 26px; color: #b8bfc4;}
.company-culture .absolute .item .ypic1{width: 205px;height: 205px;position: absolute;left: 0;top: 0;z-index: 1;}
.company-culture .absolute .item .ypic2{width: 205px;height: 205px;position: absolute;left: 0;top: 0;}
.company-culture .absolute .item.item1 {top: 15%;right:50%;margin: -20px -500px 0 0 ;}
.company-culture .absolute .item.item2 {top: 35%;left:50%;margin: -20px 0 0 -600px;}
.company-culture .absolute .item.item2 .text1 {top: 15%;left:auto;right: 20%; text-align: right;}
.company-culture .absolute .item.item2 .ypic1{left: auto;right: 0;-webkit-transform:rotate(140deg);transform:rotate(140deg);}
.company-culture .absolute .item.item2 .ypic2{left: auto;right: 0;-webkit-transform:rotate(140deg);transform:rotate(140deg);}
.company-culture .absolute .item.item3 {bottom: 5%;right:50%;margin: -20px -400px 0 0 ;}
.company-culture .absolute .item.item3 .text1 {top: 25%;}
@keyframes fudong1 {0%{top: 50%;}50%{top: 52%;}100%{top: 50%;}} 
@keyframes fadeintm {0%{opacity: 1;}50%{opacity: .8;}100%{opacity: 1;}} 


.about-global {position: relative;}
.about-global .img{position: relative;}
.about-global .img img{display: block;width: 100%;height: auto;}
.about-global .top{position: absolute;left: 12.5%;width: 75%;top: 0;height: 100%;z-index: 3;}
.about-global .top .left{color: #fff;width: 45%;height: 100%; float: left;}
.about-global .top .left .title-style {}
.about-global .top .left .title-style h2{color: #000;}
.about-global .top .left .title-style h5{color: #fff;font-size: 20px;font-weight: bold;margin:20px 0 10px 0;}
.about-global .top .left .text {font-size: 16px;line-height: 26px;color: #bab7b7;padding: 20px 0;overflow: hidden;}
.about-global .top .right {width: 50%;height: 100%;position: relative;  float: right;}
.about-global .top .right .img {position: relative;}
.about-global .top .right .img img{}
.about-global .top .right .img .place {position: absolute;width: 100%;height: 100%;}
.about-global .top .right .img .place a{display: inline-block;position: relative;position: absolute;}
.about-global .top .right .img .place a .item {font-size: 0;}
.about-global .top .right .img .place a .item i{display: inline-block;vertical-align: middle;margin-right: 10px; width:5px;height:5px;background: #f70401;border-radius: 10px;position: relative;z-index: 3;}
.about-global .top .right .img .place a .item i::after {content: '';display: block;width: 20px;height: 20px;border-radius: 100px;background: #f70401;opacity: .7;z-index: 1;position: absolute; left: 50%;top: 50%;margin: -10px 0 0 -10px;}
.about-global .top .right .img .place a .item h6{color: #fff;font-weight: normal;margin: 0;font-size: 14px;display: inline-block;vertical-align: middle;}
.shenzhen {top: 24%;left:52%;}
.huizhou {top: 20%;left: 54%;} 
.suzhou {top: 15.5%;left: 58%;} 
.xian {top: 15.5%;left: 43%;} 
.india {top: 38.5%;left: 22.5%;} 
.usa {top: 25%;left:92%;} 

.shenzhen i::after {-webkit-animation: place100 4000ms infinite;animation: place100 4000ms infinite;}
.huizhou  i::after {-webkit-animation: place100 3000ms infinite;animation: place100 3000ms infinite;}
.suzhou   i::after {-webkit-animation: place100 2000ms infinite;animation: place100 2000ms infinite;}
.xian     i::after {-webkit-animation: place100 3000ms infinite;animation: place100 3000ms infinite;}
.india    i::after {-webkit-animation: place100 5000ms infinite;animation: place100 5000ms infinite;}
.usa      i::after {-webkit-animation: place100 3000ms infinite;animation: place100 3000ms infinite;}
@keyframes place100{0%{width: 0px;height: 0px;margin: 0px;} 100%{width: 40px;height: 40px;margin: -20px 0 0 -20px;opacity: 0;}}

.about-global .top .right .img .place a .text {font-size: 12px;line-height: 22px;padding:30px;color: #fff; width: 300px;position: absolute;left: -140px;top:40px;;background-image: linear-gradient(rgba(0,190,134,0.4),rgba(0,0,0,0.1));display: none;}
.about-global .top .right .img .place a .text::before {content: '';display: block;width: 31px;height: 17px;position: absolute;top: -17px;left:43%;background: url("../../about/images/ts.png") center no-repeat;}
.about-global .top .right .img .place a:hover .text {display: block;}
.about-global .top .right .img .place a:hover {z-index: 999;}


.development-history {}
.development-history .top{position: absolute;width: 100%;height: 100%;}
.development-history .top .title-style{text-align: center;width:30%;margin: 150px auto auto;}
.development-history .top .title-style h2{margin: 0;}
.development-history .top .title-style h5{color: 999999;font-size: 16px;}
.swiper-history .swiper-history-time{text-align: center;background: url("../../about/images/line.png") center no-repeat;}
.swiper-history .swiper-history-time .year-num {font-size: 40px;color: #808080;}
.swiper-history .swiper-history-time .year-num span {color: #808080;}
.swiper-history .swiper-history-time .text{ font-size: 18px;line-height: 28px;color: #666;margin: auto;overflow: hidden;display: none;}
.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size: 250px;color: #808080;padding-top: 40px;}
.swiper-history .swiper-history-time .swiper-slide-active .year-num span {color: #f70401;}
.swiper-history .swiper-history-time .swiper-slide-active .text{display: block;height: 130px;}
.swiper-history .swiper-history-time .swiper-button-next,.swiper-history .swiper-history-time .swiper-button-prev {background-color: #fff;width: 50px;height: 50px;border-radius: 100%;border: 2px solid #ccc;opacity: 1;}
.swiper-history .swiper-history-time .swiper-button-next {right:18%;background: url("../../about/images/right.png") center no-repeat;}
.swiper-history .swiper-history-time .swiper-button-prev {left:18%;background: url("../../about/images/left.png") center no-repeat;}


.company-honor {overflow: hidden;padding: 200px 0 100px 0;position: relative;}
.company-honor .title-style{margin-left: 13%;}
.company-honor .title-style h2{margin: 0;}
.company-honor .title-style h5{color: 999999;font-size: 16px;}
.company-honor-swiper {width: 100%;height: 350px;margin: auto;background: url("../../about/images/honort.png") center bottom repeat-x;margin-top: 100px; padding-bottom:40px;}
.company-honor-swiper .swiper-slide {width: auto;height: 300px;display: table;}
.table-bottom {display: table-cell;vertical-align: bottom;}
.honor-img {overflow: hidden;display:block;position: relative;max-width: 221px;}
.honor-img .htop{height: 7px;width: 100%;background: url("../../about/images/honor1.png") no-repeat;background-size: 100% 100%;}
.honor-img .hbottom{height: 27px;width: 100%;background: url("../../about/images/honor3.png") no-repeat;background-size: 100% 100%;}
.honor-img .hcenter {padding:0px 7px;background: url("../../about/images/honor2.png") no-repeat;background-size:100% 100%;}
.honor-img .hcenter img {display: block;}
.honor-img a {display: block;}
.honor-img a::before {content: '';width: 50px;height: 50px;position: absolute;left: 50%;top: 50%;margin-left: -25px;margin-top: -35px;z-index: 10;background: url("../../about/images/fd.png") no-repeat;display: none;}
.honor-img a:hover::before {display: block; }
.honor-img a:hover {opacity: .6;}
.rpagination {position: relative;height:40px;}
.swiper-r {position: absolute;right:13%;top: 25%;width: 400px;}
.swiper-pagination-progressbar {width: 100%;height: 3px;background: rgba(0,0,0,.1);margin-top: 10px;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#f70401;}
.swiper-pagination-num #current {font-size: 24px;color: #000;}
.swiper-pagination-num{font-size: 14px;color: #b2b2b2;}
.lbtip {width: 112px;height: 26px;position: absolute;left: 13%;bottom: 10%;}


/* investors */
.investors-relations {position: relative;}
.investors-relations .main {position: absolute;width: 100%;height: 100%;}
.investors-relations .main .title-style {text-align: center;}
.investors-relations .main .title-style h4{margin: 0;font-size: 60px;font-weight: normal;color: #203346;}
.investors-relations .main .title-style .line{width: 80px;height: 4px;background: #0147a6;margin: 25px auto;}
.investors-relations .main .title-style h2{margin: 0;font-size: 40px;color: #fff;}
.investors-relations .img img {display: block;width: 100%;height: auto;}
.investors-date {background:rgba(77,108,163,.15);overflow: hidden;margin:50px auto auto;width:65%;padding: 5%;}
.investors-date .left {float: left;width:34%;position: relative;overflow: hidden;padding:1% 0;}
.investors-date .left::after {content: '';display: block;width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;opacity: .1;}
.investors-date .left .ld1{font-size: 16px;color: #5f656f;}
.investors-date .left .ld2{}
.investors-date .left .ld2 span{font-size: 14px;color: #fff;}
.investors-date .left .ld2 .txt1 {font-size: 70px;}
.investors-date .left .ld2 .txt3 {font-size: 20px;color: #ff4040;padding-left: 10px;}
.investors-date .left .ld3{font-size: 12px;color: #5f656f;}
.investors-date .right{float: left;width:65%;text-align: right;padding-top:3%;}
.investors-date .right li{list-style: none;display: inline-block;vertical-align: middle;width: 20%;text-align: left;}
.investors-date .right li span{color: #91959a;font-size: 14px;}
.investors-date .right li h3{color: #fff;margin: 10px 0;}
.investors-date .right li h3 strong{font-size: 30px;}
.investors-date .right li h3 i{font-size: 14px;font-style: normal;padding-left: 5px;}

.announcement {padding: 100px 0 50px 0;overflow: hidden;}
.announcement .title-style{text-align: center;}
.announcement .title-style h2{margin: 0;}
.announcement .title-style h5{color: #999999;font-size: 16px;}
.announcement-list {padding:40px 0;overflow: hidden;}
.announcement-list li{display: block;position: relative;overflow: hidden;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;margin-top: -1px;}
.announcement-list li a{padding: 25px 0 25px 2% ;overflow: hidden;position: relative;z-index: 33;display: block;}
.announcement-list li a h6,.announcement-list li a h3,.announcement-list li a h5 {z-index: 11;position: relative;}
.announcement-list li a h6{margin: 0;font-size: 14px;color: #f70401;font-weight: normal;padding-bottom: 10px;}
.announcement-list li a h3{margin: 0;font-size: 18px;line-height: 24px;color: #1a1a1a;font-weight: normal;}
.announcement-list li a:hover h3{color: #009266;}
.announcement-list li a h5{position: absolute;right:2%;top:50%;width: 100px;height: 26px;font-weight: normal;margin-top:-10px;font-size: 14px;color: #999; text-align: center;}
.announcement-list li a::after {content: '';display: block;width:0;height: 100%;position: absolute;left: 0;top: 0;z-index: 1; background: #f2fcf9;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;}
.announcement-list li a:hover::after {width: 100%;}
.viewmore {margin: 10px auto;}
.viewmore a{display: block;width: 100px;margin: auto; padding: 15px 20px 15px 30px;text-align: center;font-size: 0;background: #f70401;}
.viewmore a i{width: 14px;height: 20px;display: inline-block;vertical-align: middle;background: url("../../product/images/right.png") center no-repeat ;margin-left: 10px;}
.viewmore a span{display: inline-block;vertical-align: middle;font-size: 14px;color: #fff;}
.viewmore a:hover {background: #009266}
.pcshow { display:block;}
.mbshow { display:none!important;}

.date3 {text-align: left;margin-top: 40px;}
.date3 li {list-style: none;display: inline-block;vertical-align: top;padding: 0 40px;position: relative;text-align: left;}
.date3 li h3{margin: 0;font-weight: normal;font-size: 40px;color: #0147a6;}
.date3 li h3 strong {font-size: 60px;}
.date3 li h3 i {font-style: normal;font-size:34px;font-weight: bold;}
.date3 li h4{margin: 0;font-size: 26px;color: #0147a6;}
.date3 li h6{color: #a9aaac;font-size: 16px;padding: 10px 0;display: block;margin: 0;}
.date3 li::after {content: '';display: block;width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;opacity: .1;}
.date3 li:last-child::after {display: none;}
.date3 li:first-child {padding: 0 40px 0 0px;}
#a305 .date3 li::after{ background: #000;}
#a305 .date3 li span{ color: #000;}
#a305 .about-global .top .left .text{ color:#666; text-indent: 24px;}
#a303 .title-style h2{ color: #fff;}
#a303 .core-competence .absolute .item3 .item h3{ color: #fff;}
#a303 .core-competence .absolute .item3 .item h5{ color: #fff;}
.icon4 {text-align: left;margin-top: 40px;}
.icon4 li {text-align: center;display: inline-block;vertical-align: middle;padding: 0 20px;position: relative;}
.icon4 li i {width: 60px;height: 60px;margin: auto;display: block;position: relative;}
.icon4 li span{color: #a9aaac;font-size: 16px;padding: 10px 0;display: block;}
.icon4 li::after {content: '';display: block;width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;opacity: .1;}
.icon4 li:last-child::after {display: none;}
.icon4 li:first-child {padding: 0 20px 0 0px;}
.about-sinexcel .text .title-style h4 {
    font-size: 16px;
    padding-bottom: 10px;
    color: #fff;
}
.about_ln{}
.about_ln h2{ text-align: center; margin: 0;}
.about_ln h5{ text-align: center;}
.blog_pagination_wrapper { margin-bottom: 50px;}
.lh-other-navbox{height:53px; background:#0147a6; text-align:center; overflow:hidden;}
.lh-other-nav{text-align:center;}
.lh-other-nav li{display:inline-block; line-height:53px;}
.lh-other-nav li a{padding:0 1.2vw; display:block; font-size:16px; color:#fff; position:relative; transition-delay:.25s;}
.lh-other-nav li a.on,.lh-other-nav li a:hover{background:#f70401; transition-delay:0s;}
.lh-other-nav li a:after{content:''; display:block; width:0; height:0; border:5px solid transparent; border-top:8px solid #F9A010; position:absolute; left:50%; bottom:-13px; margin-left:-5px; transition:ease .65s; transform:translateY(-100%); visibility:hidden; opacity:0;}
.lh-other-nav li a:hover:after,.lh-other-nav li a.on:after{transform:translateY(0); visibility:visible; opacity:1; transition-delay:.25s;}
.lh-other{padding:6vh 0 10vh; background:#f7f7f7;}

.area-box .dot {
	position: absolute;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #a2a9b4;
	opacity: 1;
	filter: alpha(opacity=100)
}

.area-box .pulse {
	position: absolute;
	top: -28px;
	left: -28px;
	height: 66px;
	width: 66px;
	border: 2px solid #b7b7b7;
	border-radius: 48px;
	-webkit-box-shadow: 0 0 4px #82878f, 0 0 10px #82878f inset;
	box-shadow: 0 0 4px #82878f, inset 0 0 10px #82878f;
	opacity: .12;
	filter: alpha(opacity=0);
	-webkit-animation: warn 2s ease-out both;
	animation: warn 2s ease-out both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	background: 0 0
}


.area-box .delay-04 {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s
}

.area-box .delay-05 {
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}

.area-box .delay-06 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}



.region-list.active .area-box .dot {
	background: #009fd9
}

.region-list.active .area-box .pulse {
	border-color: #009fd9;
	top: -39px;
	left: -39px;
	height: 88px;
	width: 88px;
	-webkit-box-shadow: 0 0 12px #0080d9, 0 0 20px #0080d9 inset;
	box-shadow: 0 0 12px #0080d9, inset 0 0 20px #0080d9
}

.region-list.waite .area-box .dot {
	background: #f90
}

.region-list.waite .area-box .pulse {
	border-color: #f90
}

.show-regin {
	position: absolute;
	left: 2px;
	height: 0;
	top: 0;
	width: 11px;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.online-node .show-regin,
.region-list:hover .show-regin,
.underline-node .show-regin,
.waite-node .show-regin {
	height: 127px;
	opacity: 1
}

.show-regin span {
	width: 80px;
	position: absolute;
	left: 8px;
	top: -11px;
	padding: 6px 10px;
	font-size: 14px;
	color: #ccc;
	border-radius: 2px;
	white-space: nowrap
}



.area-box {
	z-index: 77
}

.show-regin {
	z-index: 66
}

.region-list.active .show-regin span {
	position: relative;
	color: #0c3665
}

.region-list.waite .show-regin span {
	color: #0c3665
}


.postition-7.region-list.active .area-box .pulse {
	top: -50px;
	left: -50px;
	width: 110px;
	height: 110px;
	border-radius: 50%
}



.postition-17 {
	left: 545px;
	top: 390px;
	position: absolute;
}
@-webkit-keyframes warn {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@keyframes warn {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}
.new-products{ margin-top: 50px; margin-left: 13%; width: 87%;   position: relative; overflow: hidden; height: 600px;}
.new-products-two{margin-top: 50px;  width: 87%;   position: relative; overflow: hidden; height: 600px;}
.new-products .x{ width: 100%;  padding: 50px;height: 450px; position: absolute; left: 0; bottom: 0; background: #0147a6;}
.new-products .x p{ color: #fff;}
.new-products-two .x p{ color: #fff;}
.new-products .y{ position: absolute;top: 0;right: 15%; width: 30%;}
.new-products-two .x{width: 100%;  padding: 50px;height: 450px; position: absolute; right: 0; bottom: 0; background: #0147a6;}
.new-products-two .y{ position: absolute; top: 0; left: 15%; width: 30%; z-index: 99;}
.new-products .x p:first-child{font-size: 35px;  color: #fff;
    font-family: Fira Code Medium;
    font-weight: bolder;}
.new-products .x p:nth-child(2) {
	font-size: 20px;
    font-family: Fira Code Medium;
    font-weight: lighter;
    margin-top: 8px;
}
.new-products .x p:nth-child(3) {
	width: 50%;
    padding: 20px 0;
    overflow: hidden;

}
.new-products-two .x p:first-child{font-size: 35px; text-align: right; 
    font-family: Fira Code Medium;
    font-weight: bolder;}
.new-products-two .x p:nth-child(2) {text-align: right;
	font-size: 20px;
    font-family: Fira Code Medium;
    font-weight: lighter;
    margin-top: 8px;
}
.new-products-two .x p:nth-child(3) {text-align: right; margin-right: 0; 
	width: 100%;
    padding: 20px 0;
    overflow: hidden;

}
.new-products-two .x .product{ float: right;}
.mobile-map{ display: none;}
@media screen and (max-width:1660px){
	.new-products{ width: 90%; margin-left: 10%; height: 500px;}	
	.new-products .x p:nth-child(3){ font-size: 14px;}
	.new-products-two .x p:nth-child(3){ font-size: 14px;}
	.new-products-two{ width: 90%; height: 500px;}
	.new-products-two .y{left: 11%;}
	.new-products .y{right: 11%; }
	.new-products .x p:first-child{ font-size: 30px;}
	.new-products .x p:nth-child(2){font-size: 16px;}
	.new-products-two .x p:first-child{ font-size: 30px;}
	.new-products-two .x p:nth-child(2){font-size: 16px;}
	.about-ours .left{ width: 50%;}
	.about-ours p{ font-size: 14px;}
	.about-ours .left{ margin-top: 0%;}
	.area-box .dot{top: -55px; left: -95px;}
	.region-list.active .area-box .pulse{top: -95px; left: -133px;}
	.show-regin{ top: -70px; left: -152px;}
}

@media screen and (max-width:1440px){
	.about-ours .right{ margin-top: 2%;}
	.region-list.active .area-box .pulse{top: -125px; left: -179px;}
	.show-regin{ top: -70px; left: -152px;}
	.area-box .dot{top: -85px; left: -139px;}
	.contact-bottom .right .name h2{ font-size: 35px;}
}
@media (max-width: 991.98px) {
	.new-products .x p:first-child{ color: #000;}
	.new-products{ width: 90%; margin-left: 5%; height: 800px;}	
	.new-products-two{ width: 90%; margin-left: 5%; height: 800px;}	
	.new-products .y{ width: 100%;right: 0;}
	.new-products .x{padding:20px; z-index: 9999; background: none; top: 380px;}
    .new-products .x p{ color: #333;}
    .new-products .x p:nth-child(3){ width: 100%; text-align: justify;}
    .new-products .product{  width: 100%;}
    .new-products-two .product{ width: 100%;}
    .new-products .product-list li{ width: 23.5%;float: left; margin: 0px 2% 20px 0; }
    .new-products-two .product-list li{ width: 23.5%;float: left; margin: 0px 2% 20px 0; }
    .new-products .product-list li:last-child{ margin-right: 0;}
    .new-products-two .product-list li:last-child{ margin-right: 0;}
    .new-products-two .y{ width: 100%;right: 0; left: 0;}
	.new-products-two .x{padding:20px; z-index: 9999; background: none; top: 380px;}
    .new-products-two .x p{ color: #333;}
    .new-products-two .x p:nth-child(3){ width: 100%; text-align: justify;}
    
    
	.Contact-our-team .left .text{ font-size: 14px;}
	.map{height: 300px!important;}
	.postition-17{ top: 0; bottom: 0;}
.mobile-map{ display: block;}
.map{ display: none;}
  .section .content { width: 90%;}

  .picture-list li{ width: 100%;}
  .interesting-list a{ width: 100%; margin-bottom: 15px;}
  .page-banner .text h3{  font-size: 30px;}
  .page-banner .text h2{ font-size: 30px; font-weight: bold;}
  .page-banner{ height: 300px;}
  .page-banner .img{ height: 300px;}
  .about-sinexcel{ height: 400px;}
  .about-sinexcel .text .title-style h2{ font-size: 24px; line-height: 40px;}
  .about-sinexcel .img img{ height: 100%; width: auto;}
  .about-ours .absolute {width: 100%; position: relative; padding: 10% 0; left: 0%;}
  .about-ours .left{width: 90%;float: none;}
  .title-style h2{ font-size: 24px;}
  .about-ours .left .title-style h2{    margin: 0px 0 10px 0;}
  .about-ours .left .text .item3 li{ width: 24%;}
  .about-ours .left .text .item3 li h3{ font-size: 24px;}
  .about-ours .right{ width: 100%;}
  .about-company-qualification .main{ width: 90%; padding-top: 10%; right: 5%;}
  .about-company-qualification .img img{height: 600px; }
  .date3 li h3 strong{font-size: 30px;}
  .date3 li{padding: 0 20px;}
  .date3 li:first-child {padding: 0 20px 0 0px;}
  .core-competence{ padding-top: 50px;}
  .core-competence .absolute .item3 .item{ width: 100%;}
  .core-competence .absolute{ position: relative;}
  .core-competence .absolute .item3 .item::after{ display: none;}
  .core-competence .absolute .item3{ margin-top: 30px;}
  .core-competence .img{ display: none;}
  .about-global .top .left{ width: 100%;}
  .about-global .img{ height: 500px;}
  .about-global .top{ width: 90%; left: 5%;}
  .loc_footer_wrapper .loc_address_wrap{ display: none;}
  .loc_footer_wrapper .loc_footer_menu{ display: none;}
  .loc_footer_wrapper .loc_footer_address{ display: none;}
   .loc_footer_wrapper .right{ display: none;}
   .loc_footer_wrapper{ padding: 20px 0;}
   .mb_30{ margin: 0;}
   .loc_blog_text{ padding: 15px;}
   .loc_blog_info ul li:first-child{ width: auto;}
   .loc_blog_wrapper{    padding: 30px 0 30px;}
   .prev-next{ padding: 15px;}
   .contact-bottom .left{ width: 100%;}
   .contact-bottom .right{    position: relative;padding:0px;    width: 100%;
    float: none;
    right: auto;
    top: auto;}
    .contact-bottom .right .name h2{ font-size: 24px;}
    .contact-bottom .right .content-way li h6{ margin-top: 10px;}
    .Contact-our-team .left{
    	width: 100%;
    }
    .Contact-our-team .right{
    	width: 100%;
    }
    .Contact-our-team{ padding: 30px 0;}
}
.main .profession {
  padding: 80px 0 60px 0;
  overflow: hidden;
}
.main .profession ul {
  margin: 70px -11px 0 -11px;
}
.main .profession ul li {
  width: 25%;
  float: left;
  padding: 0 11px;
  margin-bottom: 22px;
  overflow: hidden;
}
.main .profession ul li a {
  display: block;
  position: relative;
}
.main .profession ul li a:hover .picc span {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.main .profession ul li a:hover .dtline span:nth-child(1) {
  animation: dtline1 .5s infinite alternate;
  -moz-animation: dtline1 .5s infinite alternate;
  -webkit-animation: dtline1 .5s infinite alternate;
  -o-animation: dtline1 .5s infinite alternate;
  animation-fill-mode: forwards;
}
.main .profession ul li a:hover .dtline span:nth-child(2) {
  animation: dtline2 .6s infinite alternate;
  -moz-animation: dtline2 .6s infinite alternate;
  -webkit-animation: dtline2 .6s infinite alternate;
  -o-animation: dtline2 .6s infinite alternate;
  animation-fill-mode: forwards;
}
.main .profession ul li a:hover .dtline span:nth-child(3) {
  animation: dtline3 .7s infinite alternate;
  -moz-animation: dtline3 .7s infinite alternate;
  -webkit-animation: dtline3 .7s infinite alternate;
  -o-animation: dtline3 .7s infinite alternate;
  animation-fill-mode: forwards;
}
.main .profession ul li .text {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  padding: 66px 54px;
}
.main .profession ul li .icon {
  height: 42px;
  line-height: 42px;
}
.main .profession ul li .icon img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
}
.main .profession ul li .txt {
  font-size: 20px;
  color: #fff;
  margin: 16px 0;
}
.main .about .content {
  background: #f8f8f8;
  position: relative;
  overflow: hidden;
}
.main .about .pic {
  width: 50%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background: no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  cursor: pointer;
  overflow: hidden;
}
.main .about .pic:hover span {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.main .about .pic::after {
  content: " ";
  width: 71px;
  height: 69px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 20;
  background: url(../images/video.png) no-repeat;
  background-size: 100% auto;
}
.main .about .pic span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.main .about .pic img {
  width: 100%;
  display: none;
}
.main .about .cont {
  width: 50%;
  float: right;
  padding: 70px 64px;
}
.main .about .pctitle {
  text-align: left;
}
.main .about .pctitle .entit {
  line-height: 60px;
  font-weight: bold;
  font-size: 60px;
  opacity: .1;
  text-transform: uppercase;
}
.main .about .pctitle .slogan {
  margin-top: 2px;
}
.main .about .text {
  line-height: 26px;
  font-size: 15px;
  color: #666;
  margin: 30px 0 60px 0;
}
.main .about ul {
  overflow: hidden;
  text-align: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.main .about ul li {
  width: 25%\9;
  float: left;
  font-size: 16px;
}
.main .about ul li:nth-child(4n+1) {
  clear: left;
}
.main .about ul li:hover i {
  transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
}
.main .about ul li img {
  width: 100%;
  display: block;
}
.main .about ul li i {
  width: 104px;
  margin: 0 auto 14px auto;
  display: block;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  font-weight: bold;
  font-style: normal;
  font-size: 40px;
  color: #000;
}
.main .about .more {
  margin-top: 50px;
}
.main .about .more a {
  height: 20px;
  line-height: 20px;
  float: left;
  background: url(../images/arrow5.png) no-repeat right center;
  padding-right: 20px;
  font-size: 16px;
  color: #f70401;
}
.main .about .more a:hover span {
  width: 50px;
}
.main .about .more span {
  width: 0;
  overflow: hidden;
  float: left;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.picc span {
    display: block;
    background: no-repeat center;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
}
.picc {
    overflow: hidden;
}
.wrap, .wrap2 {
    max-width: 1700px;
    width: 95%;
    margin: 0 auto;
}
.main .pctitle .title span {
    position: relative;
    display: inline-block;
}
.main .pctitle .title {
    font-size: 36px;
    font-weight: bold;
    color: #000;
}

.main .pctitle .title span::before {
    width: 99px;
    height: 29px;
    background-image: url(../images/main_title_icon1.png);
    left: -36px;
    bottom: -18px;
}
.main .pctitle .title span::after {
    width: 97px;
    height: 28px;
    background-image: url(../images/main_title_icon2.png);
    right: -28px;
    top: -18px;
}
.main .pctitle .title span::before, .main .pctitle .title span::after {
    content: " ";
    position: absolute;
    z-index: 2;
    background: no-repeat;
    background-size: 100% auto;
}
.main .pctitle {
    text-align: center;
}
.main .production {
  padding: 80px 0;
}
.main .production img {
  width: 100%;
  display: block;
  transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
}
.main .production a {
  display: block;
  position: relative;
  background: #000;
  text-align: center;
  overflow: hidden;
}
.main .production a > img {
  opacity: .4;
  filter: alpha(opacity=40);
}
.main .production a:hover > img {
  opacity: .8;
  filter: alpha(opacity=80);
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.main .production a:hover .dtline span:nth-child(1) {
  animation: dtline1 .5s infinite alternate;
  -moz-animation: dtline1 .5s infinite alternate;
  -webkit-animation: dtline1 .5s infinite alternate;
  -o-animation: dtline1 .5s infinite alternate;
  animation-fill-mode: forwards;
}
.main .production a:hover .dtline span:nth-child(2) {
  animation: dtline2 .6s infinite alternate;
  -moz-animation: dtline2 .6s infinite alternate;
  -webkit-animation: dtline2 .6s infinite alternate;
  -o-animation: dtline2 .6s infinite alternate;
  animation-fill-mode: forwards;
}
.main .production a:hover .dtline span:nth-child(3) {
  animation: dtline3 .7s infinite alternate;
  -moz-animation: dtline3 .7s infinite alternate;
  -webkit-animation: dtline3 .7s infinite alternate;
  -o-animation: dtline3 .7s infinite alternate;
  animation-fill-mode: forwards;
}
.main .production .text.table {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 5;
  display: block;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}
.main .production .text.table .td {
  width: 100%;
  display: block;
}
.main .production .text.table .icon {
  width: 81px;
  margin: 0 auto;
}
.main .production .text.table .txt {
  font-size: 30px;
  color: #fff;
  margin: 22px 0;
}
.dtline span {
  width: 2px;
  height: 16px;
  background: #fff;
  margin-right: 4px;
  display: inline-block;
  vertical-align: bottom;
}
.dtline span:nth-child(1) {
  height: 16px;
}
.dtline span:nth-child(2) {
  height: 12px;
}
.dtline span:nth-child(3) {
  height: 8px;
}
.dtline.dh span:nth-child(1) {
  animation: dtline1 .5s infinite alternate;
  -moz-animation: dtline1 .5s infinite alternate;
  -webkit-animation: dtline1 .5s infinite alternate;
  -o-animation: dtline1 .5s infinite alternate;
  animation-fill-mode: forwards;
}
.dtline.dh span:nth-child(2) {
  animation: dtline2 .6s infinite alternate;
  -moz-animation: dtline2 .6s infinite alternate;
  -webkit-animation: dtline2 .6s infinite alternate;
  -o-animation: dtline2 .6s infinite alternate;
  animation-fill-mode: forwards;
}
.dtline.dh span:nth-child(3) {
  animation: dtline3 .7s infinite alternate;
  -moz-animation: dtline3 .7s infinite alternate;
  -webkit-animation: dtline3 .7s infinite alternate;
  -o-animation: dtline3 .7s infinite alternate;
  animation-fill-mode: forwards;
}
.main .news {
  padding: 12px 0 60px 0;
}
.main .news .content {
  margin-top: 54px;
}
.main .news .swiper-container {
  padding-bottom: 96px;
}
.main .news .swiper-slide a {
  display: block;
}
.main .news .swiper-slide a:hover .picc span {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.main .news .swiper-slide a:hover .tit {
  color: #0225a0;
}
.main .news .swiper-slide .date {
  display: inline-block;
  border-radius: 4px;
  background: #b7c6fa;
  padding: 0 16px;
  color: #1f4ef3;
  line-height: 36px;
  margin: 38px 0 16px 0;
}
.main .news .swiper-slide .tit,
.main .news .swiper-slide .txt {
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.main .news .swiper-slide .tit {
  font-size: 16px;
  font-weight: bold;
}
.main .news .swiper-slide .txt {
  color: #888;
}
.main .news .swiper-pagination {
  bottom: 0;
}
.main .news .swiper-pagination-bullet {
  width: 16px;
  height: 4px;
  margin: 0 5px;
  background: #999;
  opacity: 1;
  border-radius: 0;
}
.main .news .swiper-pagination-bullet-active {
  background: #0225a0;
}
@media only screen and (max-width: 1200px){
	.main .pctitle .title {
    font-size: 20px;
}
.main .profession ul li {
    width: 50%;
    padding: 0 5px;
    margin-bottom: 10px;
}
.main .profession ul li .text {
    padding: 20px;
}
.main .about .pic {
    width: 100%;
    height: auto;
    position: relative;
}
.main .about .cont {
    width: 100%;
    float: none;
    padding: 20px 10px;
    overflow: hidden;
}
.main .about .pic img {
    display: block;
}
.main .about ul li{ width: 50%; text-align: center;}
.main .about ul li i{ font-size: 18px;}
.main .about ul{ display: block;}
.production .row{ display: block;}
.col.sm-col12 {
    width: 100%;
    float: left;
}
.main .profession {
    padding: 30px 0;
}
.main .profession ul {
    margin: 30px -5px 0 -5px;
}
.main .news .content {
    margin-top: 30px;
}
.main .news{ margin-top: 30px;}
.main .production {
    padding: 30px 0;
    overflow: hidden;
}
.banner-slide .txt h3{
	font-size: 30px;
}
.banner-slide .txt h1{
	font-size: 18px;
}
}
.jansen{ background: #afbac0; padding: 50px 0; overflow: hidden;}
.jansen .left h2{ color: #000; margin-bottom: 10px; font-size: 40px;}
.jansen .left p{ font-size: 24px; border-bottom: 1px solid #f70401; display: inline-block; color: #222;}
.jansen .left a{ display: block; margin-top: 10px;}
.jansen .left{ float: left;}
.jansen .right{ float: right; width: 150px;text-align: center;}
.jansen .right img{width:80px; margin-bottom: 10px; margin-top: 40px;}
.jansen .right p{ font-size: 14px; color: #000; line-height: 20px;}
.customers{ margin-top: 45px;}
.customers h2{ text-align: center;  font-size: 24px; line-height: 50px; font-weight: bold;}
.customers ul{display: -webkit-flex; display: flex;  flex-direction: row; flex-wrap:wrap;}
.customers ul li{ margin: 5px; width: 19%;}

.evcharger-advantage {position: relative;margin:2%;overflow: hidden;}
.evcharger-advantage .img {position: relative;}
.evcharger-advantage .title {position: absolute;left: 50%;top:15%;text-align: center;color: #fff;width: 500px;margin-left: -250px;z-index: 10;}
.evcharger-advantage .title h3{margin: 0;font-size: 40px; font-weight: bold;}
.evcharger-advantage .title h4{margin: 10px 0;font-weight: normal;font-size: 16px;opacity: .6;}
.evcharger-advantage .item3 {position: absolute;width:100%;height: 100%;left: 0;top: 0;z-index: 3;}
.evcharger-advantage .item3 a{display: block;width: 33%;height: 100%;float: left;color: #fff;text-align: center;opacity: .8;background: url("../../product/images/jb2.png") center 200% repeat-x;z-index: 10;position: relative;}
.evcharger-advantage .item3 a .main {position: relative;width:100%;height: 60%;z-index: 100;padding-top: 65%;overflow: hidden;}
.evcharger-advantage .item3 a::before {content: '';display: block;width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;opacity: .15;}
.evcharger-advantage .item3 a:last-child::before {display: none;}
.evcharger-advantage .item3 i{display: block;position: relative;width: 90px;height: 65px;margin:auto;}
.evcharger-advantage .item3 i .img{display: block;}
.evcharger-advantage .item3 h3 {margin: 5px 0 20px 0;}
.evcharger-advantage .item3 .line {width: 50px;height:3px;background: #0147a6;margin:10px auto;}
.evcharger-advantage .item3 .text {font-size: 15px;width: 65%;margin: auto;line-height: 26px;}
.evcharger-advantage .item3 a:hover,.evcharger-advantage .item3 a.cur {background: url("../../product/images/jb2.png") bottom repeat-x;opacity: 1;z-index: 50;}
.evcharger-advantage.sadvantage2 {margin:6% auto 5% auto;}
.evcharger-advantage.sadvantage2 .title {position: relative;left:auto;top:auto;margin:auto;color: #000;}
.evcharger-advantage .item4 {position:relative;width:100%;margin-top: 50px;overflow: hidden;}
.evcharger-advantage .item4 a{display: block;width: 25%;float: left;color: #fff;position: relative;}
.evcharger-advantage .item4 a .text {color: #fff;position: absolute;left:10%;bottom:5%;width: 80%; z-index: 30;}
.evcharger-advantage .item4 a .text h5{margin: 0;font-weight: normal;font-size: 14px;text-transform: uppercase;opacity: .3;}
.evcharger-advantage .item4 a .text h3{margin: 5px 0 15px 0;font-size: 18px;}
.evcharger-advantage .item4 a .text .line{height: 20px; position: relative;}
.evcharger-advantage .item4 a .text .line::before,.evcharger-advantage .item4 a .text .line::after {content: '';display: block;width: 100%;height:2px;background: #fff;position: absolute;left: 0;top: 0;transition:all .4s ease;}
.evcharger-advantage .item4 a .text .line::before {width: 60px;background: #0147a6;}
.evcharger-advantage .item4 a .text .line::after {opacity: .3;}
.evcharger-advantage .item4 a .text h6{margin: 0;font-weight: normal;font-size: 14px;line-height: 24px;opacity: .6;display: block;height:0px;overflow: hidden;}
.evcharger-advantage .item4 a .img{position: relative;}
.evcharger-advantage .item4 a .img .mark {opacity: 0;position: absolute;z-index: 20;width: 100%;height: 100%;background: url( "../../product/images/evc-mark.png") center bottom repeat-x;}	
.evcharger-advantage .item4 a:hover .text .line::before{width:100%;}
.evcharger-advantage .item4 a:hover .text h6 {display: block;height: 96px;}
.evcharger-advantage .item4 a:hover .img .mark {opacity: 1;}	
.evcharger-advantage.sadvantage3 {margin:6% auto 5% auto;}
.evcharger-advantage.sadvantage3 .title {position: relative;left:auto;top:auto;margin:0;color: #000;text-align: left;}
.content-top {position: relative;}
.navr4 {position: absolute;right: .4%;top:20px;padding-bottom: 18px;}
.navr4::after {content: '';width: 100%;height: 2px;background: #ccc;bottom: 0;position: absolute;right: 0;}
.navr4 a{font-size: 17px;color: #999999;font-weight: bold;margin-left:50px;position: relative;}
.navr4 a.cur::after {content: '';width: 100%;height: 2px;background: #0147a6;bottom: -21px;position: absolute;right: 0;z-index: 1;}
.navr4 a:first-child {margin-left: 0;}
.navr4 a.cur {color: #1a1a1a;}
.navr4 a:hover {color: #000;}
.partners-swiper4 {position: relative;margin-top: 50px;}
.partners-swiper4 .img {width: 19%;border: 1px solid #eee;margin-right: 1%;margin-bottom: 1%;float: left; position: relative;background: #fff; overflow: hidden;}
.partners-swiper4 .img.mr0 {margin-right: 0;}
.partners-swiper4 .img img{transition:all .4s ease; }
.partners-swiper4 .img:hover img {transform: scale(1.1);}


.cz-service {position: relative;}
.cz-service-content {padding: 100px 0 50px 0;overflow: hidden;background: #f2f4f7 url('../images/service1.jpg') center no-repeat;}
.cz-service-content .cz-content{width: 75%; margin: 0 auto;}
.cz-service-content .text-1{font-size: 22px;line-height: 40px;color: #26334d;}
.cz-service-content .item-3 {margin: 30px 0;}
.cz-service-content .item-3 li {list-style: none;width: 80px;height: 80px;float: left;position: relative;border: 1px dotted #ccc;border-radius: 100%;}
.cz-service-content .item-3 li i{display: block;position: relative;width:64px;height: 64px;margin: 7px;border-radius: 100%;border: 1px solid #ccc;overflow: hidden;}
.cz-service-content .item-3 li i svg {max-width: 70%;max-height: 70%;}
.cz-service-content .item-3 li:hover i{background: #0147a6;}
.cz-service-content .item-3 li:hover svg * {fill:#fff;}
.cz-service-content .item-3 li:hover {border: 1px dotted #0147a6;}
.cz-service-content .item-3 .linex {width:80px;height: 80px;background: url('../images/linex.png') center no-repeat;float: left;}
.cz-service-list {clear: both;overflow: hidden;background: #f2f4f7;}
.cz-service-list .cz-content{width: 75%; margin: 0 auto;}
.cz-service-item {overflow: hidden;position: relative;margin:0 0px 40px 0px;}
.cz-service-item .cz-service-item-left {float: left;width:48%;}
.cz-service-item .cz-service-item-left .img{ text-align: center;}
.cz-service-item .cz-service-item-right {width:52%;height: 100%;position: absolute;right: 0;top: 0;}
.cz-service-item .text-1{font-size: 16px;color: #26334c;position: absolute;left: 10%;top: 10%;}
.cz-service-item .text {position: absolute;left: 10%;bottom:10%;width: 75%;overflow: hidden;}
.cz-service-item .text .title-2 {position: relative;padding-top: 60px;}
.cz-service-item .text .title-2 strong{font-size: 36px;color: #26334c;position: relative;z-index: 2;}
.cz-service-item .text .title-2::before {content: '';position: absolute;top: 0;width:100px;height:87px;background:url('../images/syh.png') left top no-repeat;}
.cz-service-item .text .title-2::after {content: '';display: block;width: 25px;height:3px;margin:30px 0;background: #0147a6;}
.cz-service-item .text .item-3{overflow: hidden;font-size: 15px;color: #666e80;}
.cz-service-item .text .item-3 li{list-style: none;margin: 0;padding: 0; list-style-type:none; position: relative; text-indent: 24px; text-align: justify;}
.cz-service-item .text .item-3 li::before {content: '';width:4px;height:4px;background: #666f80;position: absolute;top: 19px;left: 0; display: none;}
.cz-service-list .cz-service-item:nth-child(1) {background:#fff;}
.cz-service-list .cz-service-item:nth-child(2) {background:#fff;}
.cz-service-list .cz-service-item:nth-child(3) {background:#fff;}
.cz-service-list .cz-service-item:nth-child(4) {background:#fff;}
.cz-service-list .cz-service-item:nth-child(2) .cz-service-item-left {float: right;}
.cz-service-list .cz-service-item:nth-child(2) .cz-service-item-right  {right: auto;left: 0;}
.cz-service-list .cz-service-item:nth-child(4) .cz-service-item-left {float: right;}
.cz-service-list .cz-service-item:nth-child(4) .cz-service-item-right  {right: auto;left: 0;}
.cz-service-video {clear: both;overflow: hidden;padding: 100px 0 10px 0;}
.cz-service-video .cz-content{width: 90%;}
.cz-service-video-nav {margin: 30px;overflow: hidden;position: relative;}
.cz-service-video-nav::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #e6e8ed;}
.cz-service-video-nav a{display: block;float: left;color: #a1a7b2;font-size: 24px;padding-bottom: 20px;margin-right: 50px;overflow: hidden;position: relative;}
.cz-service-video-nav a::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #0147a6;z-index: 10; display: none;}
.cz-service-video-nav a.cur{color: #26334c;}
.cz-service-video-nav a.cur::after {display: block;}
.cz-service-video-nav a:hover {color: #26334c;}
.cz-service-video-list {margin: 30px;overflow: hidden;}
.cz-service-video-list .cz-service-video-item:nth-child(3),
.cz-service-video-list .cz-service-video-item:nth-child(6),
.cz-service-video-list .cz-service-video-item:nth-child(9) {margin:1% 0 2% 0;}
.cz-service-video-item {float: left;width: 30%;margin:1% 5% 2% 0;}
.cz-service-video-item a{display: block;overflow: hidden;}
.cz-service-video-item .img {position: relative;overflow: hidden;background: #000;}
.cz-service-video-item .img::before {content: '';width: 50px;height: 50px;border: 2px solid #fff;position: absolute;left: 50%;top: 50%;background: url('../images/play.png') center no-repeat;z-index: 20;margin: -25px 0 0 -25px;}
.cz-service-video-item .text{text-align: center;padding: 20px 0;font-size: 18px;font-weight: bold;color: #26334d;}
.cz-service-video-item a:hover .img img.img-center {transform:scale(1.03);opacity: .8;}
.cz-popup-window-content.cz-video {background: #000;padding:0;width: 60%;margin-top: 5%;}
.cz-popup-window-content.cz-video .cz-popup-close {background: url("../images/xx1.png") center no-repeat;background-size: 40%;}
.cz-popup-window-content.cz-video video {width: 100%;height: 100%;display: block;}

.cz-service-faq {clear: both;overflow: hidden;padding: 100px 0 10px 0;}
.cz-service-faq .cz-content {width: 90%;padding-bottom: 40px;}
.cz-faq-item {margin: 30px;overflow: hidden;}
.cz-faq-item .title-1{text-align: left;overflow: hidden;cursor: pointer;padding:2% 5%;position: relative; border: 1px solid #e6e8ed;background: #f2f4f7;font-size: 18px;color: #26334d;}
.cz-faq-item .title-1::before,.cz-faq-item .title-1::after {content: '';position: absolute;top:50%;width: 50px;height: 50px;margin-top: -25px;}
.cz-faq-item .title-1::before {background: url('../images/q.png') center no-repeat;left:2%;}
.cz-faq-item .title-1::after{background: url('../images/jiae.png') center no-repeat;right: 3%;} 
.cz-faq-item .title-1.cur::after{background: url('../images/jian.png') center no-repeat;right: 3%;} 
.cz-faq-item .main-2{display: none;font-size: 16px;line-height: 30px;color: #26334d;padding:4% 5%;overflow: hidden;text-align: left;position: relative;border-left: 1px solid #e6e8ed;border-right: 1px solid #e6e8ed;border-bottom: 1px solid #e6e8ed;} 
.cz-faq-item .title-1:hover,.cz-faq-item .title-1.cur{background: #e9ebf0;}
.cz-faq-item .main-2 .text-1 {position: relative;}
.cz-faq-item .main-2 .text-1::before {content: '';position: absolute;left: -37px;top:3px;width: 25px;height: 25px;background: url('../images/A.png') no-repeat;}

.cz-top-nav {width: 100%;margin: auto;position: relative;z-index: 100;}
.cz-top-nav-item {width: 76%;margin: auto;position: absolute;left:12%;top:-55px; z-index: 30;background: #fff;box-shadow: 0px 10px 50px 0px rgba(15, 23, 38, 0.1);}
.cz-top-nav-item a{display: block;overflow: hidden;padding:30px 3%;float: left;width:19%;position: relative;}
.cz-top-nav-item a:last-child::after {display: none;}
.cz-top-nav-item a::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #e6e8ed;}
.cz-top-nav-item strong{color: #666e80;font-size: 18px;padding: 0;display: block;width: 100%;}
.cz-top-nav-item p{color: #a1a7b2;font-size: 12px;padding:10px 0 0 0;margin: 0;}
.cz-top-nav-item i{display: block;width: 50px;height: 50px;position: absolute;right: 10%;top: 50%;margin-top: -22.5px;  }
.cz-top-nav-item i img{  fill: #A1A7B2;}
.cz-top-nav-item a:hover,.cz-top-nav-item a.cur{background: #0147a6;}
.cz-top-nav-item a:hover strong,.cz-top-nav-item a:hover p,.cz-top-nav-item a.cur strong,.cz-top-nav-item a.cur p {color: #fff;}
.cz-top-nav-item a:hover img,.cz-top-nav-item a.cur img,.cz-top-nav-item a:hover svg,.cz-top-nav-item a.cur svg,.cz-top-nav-item a.cur svg *,.cz-top-nav-item a:hover svg *{fill: #fff;}
.cz-top-nav-item a.cur p{opacity: .6;}
.cz-top-nav-item.num2 {width: 40%;left:30%;}
.cz-top-nav-item.num2 a {width:40%;padding:30px 5%;}
.cz-top-nav-item.num3 {width: 56%;left:22%;}
.cz-top-nav-item.num3 a {width:33.33333%;padding:30px 5%;}
.cz-top-nav-item.num4 {width: 76%;left:12%;}
.cz-top-nav-item.num4 a{width:25%;box-sizing: border-box;}
.cz-top-nav-item.num6 {width: 90%;width:calc(90% - 60px); left:5%;margin:0 30px;top: -75px;}
.cz-top-nav-item.num6 a {width:16.66666%;padding:30px 0;}
.cz-top-nav-item.num6 a i {left: 50%;right: auto;top:20%;margin-top: 0; margin-left: -25px;}
.cz-top-nav-item.num6 a strong {text-align: center;padding-top:60px;display: block;font-weight: normal;}

.sortbar-fixed {
    position: static;
    top: 150px;
    background: #ff6000;
}

/*相关产品*/
.product-range {padding: 150px 0 80px 0;overflow: hidden;}
.product-range .title {text-align: center;margin-bottom:60px;}
.product-range .title h2{margin: 0;font-size: 40px;}
.product-range .title h4{margin: 10px auto;font-weight: normal;font-size: 16px;color: #999999;}
.product-range-list {margin: 0px auto;width: 75%;position: relative;text-align: center;font-size: 0;}
.product-range-list .item{background: #fff;position: relative;overflow: hidden;display:block;width: 49.5%;margin:0 1% 1% 0;text-align: left;float: left;}
.product-range-list .item:nth-child(2n) {margin-right: 0;}
.product-range-list .item .text{position: absolute;left:5%;top: 0;width: 45%;height: 100%;z-index: 31;color: #000;overflow: hidden;}
.product-range-list .item .text h3{padding-top:20px; display: block;width:100%;font-size: 26px;color: #1a1a1a;margin: 0;text-transform: uppercase;position: relative;padding-bottom:20px;margin-bottom:15px;}
.product-range-list .item .text h3::before,.product-range-list .item .text h3::after {content: '';display: block;width: 100%;height: 2px;background: #e8e8e8;position: absolute;left: 0;bottom: 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.product-range-list .item .text h3::before {width:60px;background: #0147a6;z-index: 3;}
.product-range-list .item .text h5{font-size: 14px;line-height: 24px; color: #999999;font-weight:normal;margin: 0; height: 168px; }
.product-range-list .item .text h6{display: inline-block;clear: both; font-size: 14px;color: #999999;font-weight:normal;margin:30px 0 0;padding-right: 25px;background: url("../../product/images/right1.png") right center no-repeat;}
.product-range-list .item .img{position: relative;float: right;width: 50%;}
.product-range-list .item a {display: block;overflow: hidden;}
.product-range-list .item a .img img.img-center{transform: scale(.96);}
.product-range-list .item a:hover .img img.img-center{transform: scale(1);}
.product-range-list .item a:hover h3::before {width: 100%;}
.product-range-list .product-range-list-swiper {padding-bottom: 50px;}
.product-range-list .product-range-list-swiper .item{width: 100%;margin:0;float: none;}
.product-range-list .product-range-list-swiper .swiper-pagination{bottom:0;}
.product-range-list .product-range-list-swiper .swiper-pagination span{border-radius: 0px;width: 40px;height: 2px;}
.product-range-list .product-range-list-swiper .swiper-pagination span.swiper-pagination-bullet-active {background: #0147a6;}
.z-container2{width: 75%; margin: 0 auto;}
.about_page4 {
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: 64vh;
    display: flex;
    align-items: center;
    background-image: url(../images/wenhua.jpg);
}
.abouts_tit {
        text-transform: uppercase;
    font-size: 42px;
    line-height: 60px;
    margin: 8px 0 20px 0;
    color: #1a1a1a;
}
.abouts_desc {
    line-height: 24px;
    color: #000;
    width: 75%;
    margin: 6vh auto 8vh auto;
    text-align: center;
}
 .about_page4 .title-style{ text-align: center;}

.screen {
    position: relative;
    background-repeat: no-repeat;
    overflow: hidden;
}
.screen-1-5 .main {width: 700px;height: 100%;position: absolute;top: 0;left: 13%;z-index: 10;}
.screen-1-5 .text {color: #b9b9bb;}
.screen-1-5 .img {position: relative;}
.screen-1-5 .dunimg {position: absolute;right: 14%;top: 28%;width: 452px;height: 512px;z-index: 10;-webkit-animation: topdown 4000ms infinite;animation: topdown 4000ms infinite;}
@keyframes topdown{0% { top:28%;} 50%{ top:32%; }100%{ top:28%; }}
.screen-1-5 .icons8 {overflow: hidden;margin-top: 50px;}
.screen-1-5 .icons8 li{list-style: none;float: left;width: 33%;font-size: 0;margin-bottom: 20px;}
.screen-1-5 .icons8 li * {transition:all .4s ease;}
.screen-1-5 .icons8 li i {display:inline-block;vertical-align: middle;width: 54px;height: 54px;position: relative;border: 1px solid #555561;overflow: hidden;border-radius: 100%;}
.screen-1-5 .icons8 li i img{display: block;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;transform: scale(0.9);}
.screen-1-5 .icons8 li h4 {margin: 0;font-size: 17px;color: #ccc;display: inline-block;vertical-align: middle;margin-left: 15px;}
.screen-1-5 .icons8 li:hover i {border: 1px solid #fff;}
.screen-1-5 .icons8 li:hover i img{transform: scale(1);}
.screen-1-5 .icons8 li:hover h4{color: #fff;}
.screen-1-6 .main{width: 850px;    height: 100%;
    position: absolute;
    top: 0;
    left: 13%;
    z-index: 10;}
.screen-1-6 .title h4{color: #000;}
.screen-1-6 .text {margin-bottom: 100px;}
.screen-1-6 .main .pic img{margin-left: -50px;}
.screen-1-6 .rightpic {width: 50%;position: absolute;right: 0;top: 0;height: 100%;z-index: 20;}
.screen-1-6 .rightpic .item4 {position: absolute;width: 100%;height: 100%;}
.screen-1-6 .rightpic .item4 a{display: block;width: 450px;height: 100px;padding: 10px;float: right;clear: both;margin: 35px 7% 35px 0;}
.screen-1-6 .rightpic .item4 a:hover {background: url("../../product/Chargingpile/images/s-t-6-7.png") no-repeat;background-size:auto 100%;}
.screen-1-6 .rightpic .item4 .pic{width: 90px;height: 90px;border-radius: 100%;overflow: hidden;border: 4px solid #c8e2db;float: left;}
.screen-1-6 .rightpic .item4 .txt{float: left;width: 250px;padding: 0 10px;}
.screen-1-6 .rightpic .item4 .txt h4{margin: 0;color: #001a12;font-size: 17px;padding: 7px 0;}
.screen-1-6 .rightpic .item4 .txt h6{margin: 0;font-weight: normal;font-size: 12px;line-height: 20px; color: #858c8c;}
.screen-1-6 .rightpic .item4 a.item41 {margin: 35px 15% 35px 0;}
.screen-1-6 .rightpic .item4 a.item44 {margin: 35px 17% 35px 0;}
.screen .img {
    position: relative;
}
.dblockw100hauto {
    display: block;
    width: 100%;
    height: auto;
}
.screen-1-6 .title h4 {
    color: #000;
        margin: 0;
    font-size: 48px;
}
.screen-1-6  .title .line {
    width: 80px;
    height: 4px;
    background: #0147a6;
    margin: 25px 0;
}

@media screen and (max-width: 640px){
	.declinein i{ display: none;}
	.banner-slide .txt h3{ font-size:15px; padding: 0;}
	.index-banner-swiper{  height: 50vh!important;}
	.banner{  height: 50vh;}
	.banner-slide{ height: 50vh; position: relative;}
	.banner-slide .txt{ width: 100%; top: 50%;     margin-top: -37px;}
	.index-banner-swiper .img img{ height: 40vh; object-fit:initial; margin-top: 10vh;}
	.cz-top-nav-item.num4 a {width: 50%; border-bottom: 1px solid #e6e8ed;}
	.cz-top-nav-item i {width: 40px;position: relative;right: auto;top: auto;margin-top: auto;}
	.cz-top-nav-item p {display: none;}
	.cz-top-nav-item strong {font-size: 14px;text-align: center;}
	.cz-top-nav-item a {padding: 5%;}
	.cz-top-nav-item.num6 {width: 90%;width: calc(90% - 0px);left: 5%;margin:0px;top: -103px;}
	.cz-top-nav-item.num6::before {content: '';width: 100%;height:1px;position: absolute;right: 0;top: 50%;background: #e6e8ed;}
	.cz-top-nav-item.num6 a {width: 33.3333333%;padding: 5%;box-sizing: border-box;}
	.cz-top-nav-item.num6 a strong {padding-top: 0px;}
	.cz-top-nav-item.num6 a i { margin-left:0px;left: auto;margin: auto;top: auto;}
	.cz-top-nav-item.num6 a:nth-child(3)::after,.cz-top-nav-item.num4 a:nth-child(2)::after {display: none;}
	.cz-top-nav-item.num3 {width: 90%;left: 5%;text-align: center;}
	.cz-top-nav-item.num2 {width: 90%;left:5%;}
	.cz-top-nav-item.num2 a {width: 40%;padding:5%;}
	.cz-top-nav-item i {margin: auto;}
	.cz-top-nav-two {display: none!important;}
	.cz-top-nav-item.num4{ width: 90%; left: 5%; }
	.cz-service-list .cz-content {width: 100%;}
	.cz-service-item { margin: 0 0px 20px 0px;}
	.cz-service-item-right {padding: 5%;width: 100%!important; float: none;}
	.cz-service-item .cz-service-item-right,.cz-service-item .text-1,.cz-service-item .text {position: relative;}
	.cz-service-list .cz-service-item:nth-child(1),.cz-service-list .cz-service-item:nth-child(2),.cz-service-list .cz-service-item:nth-child(3) {background-size: 50%;}
	.cz-service-list .cz-service-item:nth-child(2) .cz-service-item-right {left: auto;}
	.cz-service-item .cz-service-item-left{width: 90%; margin: 0 auto; float: none;}
	.cz-service-item .text{width: 100%; margin: 0 auto;}
	.cz-service-item .text-1{ left: 0;}
	.cz-service-item .text{ left: 0;}
	.contact-bottom .right .content-way li span{ display: block;}
	.pcshow{ display: none!important;}
	.date3{ margin-top: 0;}
	.z-container2{ width: 90%; margin:0 auto; }
	.abouts_desc{ width: 100%;}
	.navr4 a{ margin-left: 0; font-size: 14px;}
	.navr4 a.cur::after{ bottom: -20px;}
}
@media screen and (max-width: 1600px){
	.cz-service-item .text .title-2 strong{ font-size:24px;}
	.cz-service-item .text{ bottom: 5%;}
}
@media screen and (max-width: 1440px){
	.cz-service-item .text-1{ display: none;}
	.cz-service-item .text{ bottom: 5%;}
}